How do I open a folder dialog in MVC 4 with razor view

Question

1.00/5 (1 vote)

See more:

I want to open a folder dialog on a button click and need that path in a variable so that i can use it to extract all the images in the selected folder.
I am using MVC 4 with razor view . please rply for cshtml page.
I know how to open a file dialog but need a folder dialog.

What I have tried:

This is for file dialog but need to select a folder instead

<div>
Select Image <input type="file" name="file" />
<input type="submit" value="Upload Images" name="Command" />
<br /><br />
Filename = @ViewBag.filename
<br />
ImageUrl = @ViewBag.ImageURL
</div>

Posted 9-Aug-17 18:46pm

Sudha Dharwal

Updated 10-Aug-17 3:18am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2017-08-10T03:18:00

If you want to upload an entire folder, then you need to add the multiple and directory attributes to the file input:

C#

<input type="file" name="file" accept="image/*" multiple directory webkitdirectory mozdirectory />

NB: You currently need to include the vendor-prefixed versions of the "directory" attribute as well.
HTMLInputElement.webkitdirectory - Web APIs | MDN[^]

This is an unofficial extension to the HTML standard. It works in Edge, Firefox, Chrome, and Opera. It doesn't work in any version of IE or Safari, or in mobile browsers.
Can I use... Directory selection from file input[^]

In browsers that don't support it, the multiple attribute will ensure that users can still select multiple files to upload.

In either case, the Request.Files collection will contain an HttpPostedFile for each posted file.