如何允许用户选择文件夹？

Question

I want to save the path of a folder similar to what Google Chrome does:

I want the user to be able to select a folder and then this path will be saved to the database. I am just doing this on my local machine. I have found plenty of examples of how to save an image to a folder but I need to get the folder's path. Basically like the image, I need to create a button that will allow the user to select a folder from their machine. I need to save this folder path. The problem is how to I actually select the folder path and display it in the textbox?

Answer 1

This will help you to get started I guess;

<div class="row">
    <label for="files" class="col-md-2">Select files : </label><input type="file" multiple class="control-label col-md-10" name="files">
</div>

You will be able to improve the layout by adding an input field, more labels etc. If you need even more, you can use jquery to improve further.

Answer 2

For security reasons you cannot access the folder in which a file that the user uploads to your application is stored in his client computer. So what you probably need is to store this uploaded file in some folder on your webserver and then store this folder in your database.

In order to get the physical location of some folder on your server you could use the MapPath method with a relative location:

 
 
 
 
  
  
  string physicalLocation = Server.MapPath("~/App_Data/");
 
 
  

and then combine this with the filename:

 
 
 
 
  
  
  string filename = Path.Combine(physicalLocation, "someFile.png");
 
 
  

Now you can store the filename location in your database.

---

UPDATE:

Unfortunately there's no such standard HTML control that will allow you to select a folder on the client machine. The closest you could get is a standard ASP.NET textbox where the user will simply type this folder:

 <asp:TextBox runat="server" ID="SomeFolder" /> 

Now on the server side you could access the contents of this textbox and store in your database:

 protected void SomeButtonClick(object sender, EventArgs e) { string folder = SomeFolder.Text; // store the folder that the user typed in your database }