发表新帖
发表新帖

Writing the full path of the file when it is browsed using php

前端 未结
关注
8 727
小蘑菇
小蘑菇 2021-01-17 17:35

So far I wrote a script so that I can browse for a file and see the printed name of the file. Here is the script:
相关标签:
8条回答
  • 猫巷女王i
    2021-01-17 18:01

    Older browsers used to allow unrestricted access to the full path, so it's not impossible, but due to security concerns, your best answer will be a workaround.

    Internet Explorer

    HTA Application

    If you're working locally, one option is that you can run your page as an HTML Application. Sadly this uses Internet Explorer as the engine. But if you can get away with an HTA, this does what you want:

    <!--test.hta-->
<HTML>
<HEAD>
<HTA:APPLICATION ID="testFile" BORDER="thick" BORDERSTYLE="complex"/>
<TITLE>HTA - Test file</TITLE>
</HEAD>
<BODY>
<input type="file" onchange="alert(this.value)">
</BODY>
</HTML>

    Trusted Site

    A much better option, is simply to use Internet Explorer and then add your page to Internet Explorer's trusted sites. Then your solution is as simply as:

    <input type="file" id="fileUpload" onchange="alert(this.value)">

    Here's how to add a site to your trusted sites:

    Custom Security Level

    You can also enable this behavior globally for Internet Explorer:

    Firefox

    Firefox does not appear to have support for grabbing the full URL. But as mentioned here there does seem to exist a "mozFullPath" property:
    https://developer.mozilla.org/en-US/docs/Web/API/File/mozFullPath

    I tried it in my browser and it seems to be a non-existent property. I cannot find any documentation anywhere regarding how to take advantage of this property. But it's a property to keep an eye out for in case it ever becomes useful.

    HTML5

    In HTML5, you can write this.files[0] to refer to the File object. Properties include "name" and "lastModifiedDate", "size", and "type" as mentioned here: https://developer.mozilla.org/en-US/docs/Web/API/File

    In HTML5 you can actually work with blobs and create an object url from the selected file and show a preview. This can be done with URL.createObjectURL(...) then creating an image and settings its src to the resulting temporary url. See this fiddle.(credit goes to this post)

    Finally, you might greatly enjoy:

    https://blueimp.github.io/jQuery-File-Upload/

    0 讨论(0)
  • Happy的楠姐
    2021-01-17 18:05

    You can do this because of security reasons. Javascript don't have permission to acces to the File System, look at this answer: How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?

    0 讨论(0)
 看不清?
提交回复
热议问题