如何使用jQuery从文件输入获得完整路径

Question

使用jQuery从文件输入获得完整路径当我打电话的时候val()的输入type="file"我只得到文件名，而不是完整路径。我怎么才能走满路呢？

Answer 1

你不能这样做：它是所有现代浏览器中的一个安全特性。

为IE8，默认情况下是关闭的，但可以使用安全设置重新激活：

当使用输入类型=file对象选择文件时，Value属性的值取决于用于显示包含输入对象的Web页面的安全区域的“当将文件上载到服务器时包含本地目录路径”安全设置的值。

只有在启用此设置时才返回所选文件的完全限定文件名。禁用此设置时，InternetExplorer 8将本地驱动器和目录路径替换为字符串C：\fakepath\，以防止不适当的信息泄露。

在我所知道的所有其他主流浏览器中，它也被关闭了。文件名是你能得到的最好的文件名。

更详细的信息和良好的链接这个问题..它指的是获取值服务器端，但在表单提交之前，JavaScript中的问题是相同的。

Answer 2

好吧，获得完全路径是不可能的，但我们可以有一个临时路径。

试试这个：

它将为您提供一个临时路径，而不是准确的路径，如果您想要像这个jsfiddle示例那样显示选定的图像，可以使用这个脚本(通过选择图像和其他文件来尝试它)：-

JSFIDDLE

这是密码：-

HTML：-

<input type="file" id="i_file" value=""> <input type="button" id="i_submit" value="Submit">
    <br><img src="" width="200" style="display:none;" />
        <br><div id="disp_tmp_path"></div>

联合材料：-

$('#i_file').change( function(event) {var tmppath = URL.createObjectURL(event.target.files[0]);
    $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));

    $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>");});

这并不是你想要的，但也许它能帮到你什么地方。