How to use file uploader in asp.net MVC

Question

I wanted to make use of a file uploader that will open a file dialog box and when I will select a file, its location will be shown in a different textbox. I made the use of the below code in my View to display the file dialog. However, I am not able to display the location of the file that is chosan from the file dialog on a different textbox as the below code already have a pre defined label by the name "your text here" which displays the chosan file name after selection. How will I be able to display the location onto a different textbox and how should I be able to delete that predefined label appearing? Any help will be appreciated

<input type="file" id="upload"/>

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

Use following code for get full path of your selected file

<input id="myFileUpload" type="file"/>
<input id="textbox" type="text"/>
<script type="text/javascript">
    $(function () {
        $('#myFileUpload').change(function () {
            $("#textbox").val($('#myFileUpload').val())
        });
    });
</script>

and read following article to hide built in lable in file uploader Hide lable in file input

edited May 23 '17 at 12:21

Community

1
1

answered Jun 16 '14 at 10:23

Hamed Khatami

525
1
5
14

Hi, thanks for the reply. I tried the above code but this displays wrong path under the textbox, something like c:\fakepath\filename.exe" – Running Rabbit Jun 16 '14 at 11:02
Hi, browser not allow you to do that, for security reason – Hamed Khatami Jun 16 '14 at 11:10

score 0 · Answer 2 · answered Jun 16 '14 at 11:06

0

Phil Haack wrote a post on this subject, Uploading a File (Or Files) With ASP.NET MVC.

answered Jun 16 '14 at 11:06

Md Nazmoon Noor

3,187
1
24
30

score 0 · Answer 3 · edited May 23 '17 at 12:21

0

Hi please do not waste your time on this it's not possible.

Read this: How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?

Try like this, but it's not display path value on text box,

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

edited May 23 '17 at 12:21

Community

1
1

answered Jun 16 '14 at 11:09

Jaimin

7,964
2
25
32

How to use file uploader in asp.net MVC

3 Answers3