Is it possible to display a Folder dialog equivalent in JavaScript?

Question

I am writing an MVC3/Razor application and one of the requirements is for files to be generated and saved on the click of a button.

Generating the files and returning them to the browser as a FileResult is no problem, and for single files this is my preferred method - since it allows the user to open or save the file on their choice.

Prompt()ing the user in JavaScript to type a save folder location is also not a probem...however, this relies on them typing the complete path name correctly...and this can be a UNC share!

However, I want to be able to generate a whole set of files and pass in the path where they should be saved. The $.ajax(..) call is working and I can pass in the path from a textbox or prompt...but I'd like this to be some kind of folder browser.

$(document).ready(function () {
        $('#reportlink').click(function () {

        //REPLACE THIS V
        path = prompt('Please enter the path', 'd:\\');
        //REPLACE THIS ^

            $.blockUI({ message: '<div class="reportloading"><span class="reportloadingtext">Loading Report...</span></div>' });
            $.ajax({
                url: 'Report/All',
                type: 'POST',
                dataType: 'text/json;',
                data: { path: path },
                success: function (valid) {
                    if (valid) { alert('valid') }
                    else { alert('invalid') }
                }
            });
            $.unblockUI();
        });
    });

Community · Accepted Answer · 2017-05-23 10:27:58Z

2

Unfortunately it is not possible with Javascript.

Please see these discussions...

How to write the Path of a file to upload in a text box?

Can't get the complete address while uploading a file

How to get the file path from HTML input form in Firefox 3

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Sep 10, 2012 at 11:53

Yasser Shaikh

47.9k50 gold badges208 silver badges289 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

epascarello · Accepted Answer · 2012-09-10 11:48:32Z

1

It is not possible with JavaScript to have a folder browse input.

answered Sep 10, 2012 at 11:48

epascarello

208k20 gold badges206 silver badges246 bronze badges

2 Comments

ImmortalStrawberry Over a year ago

:( Thanks epascarello. You know of anything in HTML(5) to do the same? I might have to go with a "generate server-side, zip and return the zip" solution

Jessica Shu Over a year ago

Is it possible with another language? I am trying to make a chrome extension that automatically organizes where you save your downloads based on url.

Collectives™ on Stack Overflow

Is it possible to display a Folder dialog equivalent in JavaScript?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related