Implementation method of obtaining absolute path of uploaded file by js

  • 2021-07-07 06:21:59
  • OfStack

In html


  <input type="file" id="importFile" />
  <input type="button" onclick="upload()"/>

<script>
function upload() {
  var filename = document.getElementById("importFile").value;
  //  At this time filename No  importFile  The value in the box 
  alert(filename);
}
</script>

As in the above code, after selecting a file with the file upload dialog box, if the file "D:\\ temp\ file\ test. txt" is selected, alert (filename) is "C:\\ fakepath\ test. txt". Why? I want to get the original file path and file name. What should I do? Thank you first.


<input type="file" name="blogrollimage" onchange="setBlogrollImageName(this)" txlFillIn="isNotNull" title=" Link picture ">

<script type="text/javascript">
function setBlogrollImageName(basicfile){
document.getElementById("blogrollimagename").value=basicfile.value;
}
</script>

Add onchange= "setBlogrollImageName (this)" when input, and then add this js to the page!

Thank you for your reply to doop 1120.

I did as you said, but the result was the same. If you select "D:\\ temp\ file\ test. txt", document. getElementById ("blogrollimagename"). value=basicfile. value;

The resulting value is still document. getElementById ("blogrollimagename"). value=C:\\ fakepath\ test. txt instead of D:\\ temp\ file\ test.txt

D:\\ temp\ file\ is due to a problem with the security settings of the ie browser

To resolve this problem:

Open the ie browser- > internet Option-- > Safe- > Custom level- > Others- > Enable Display File Directory Path when uploading files to the server

Re-run after confirmation


Related articles: