Show filepath via iFrame

Question

I have a webpage where I need to get a filepath of a local file on the user's computer. I was thinking to have an iFrame where a user drags in the file, and the response is the filepath.

For example:

[ in ] user drags file into iFrame of webpage [ out ] webpage show the filepath of the file dropped (/Volumes/path/file)

How, exactly would I do this? (a link to a code example or tutorial would be great)

Here is the best answer I could find on SO: https://stackoverflow.com/a/7890676/651174.

How do file browse buttons work then? Also, I don't need access to the file, I just need the name of the path. — David542, Dec 28 '12 at 00:30
browser is able to do things you have no access to with javascript — charlietfl, Dec 28 '12 at 00:34

score 1 · Accepted Answer · answered Dec 28 '12 at 00:36

1

Getting the file path is a security issue. The closest you can get is the fakepath. You can also use files[0] instead of value to get more information on the file.

Consider using HTML5 file drag-and-drop with the HTML5 FileReader API. This tutorial explains how to do it.

answered Dec 28 '12 at 00:36

Ryan Allred

389
3
13

If you need to get only the name, then just do something like [this](http://jsfiddle.net/2x99G/). – Ryan Allred Dec 28 '12 at 00:38

Show filepath via iFrame

1 Answers1