Question

您知道如何从chrome的文件输入元素中检索完整文件路径？

HTML：

<img id="person" src="http://fc09.deviantart.net/fs71/f/2010/330/9/e/profile_icon_by_art311-d33mwsf.png" />
<input id="file" type="file" style="display:none" />

jQuery：

$('#person').click(function(){
    $('#file').click()
});

$('#file').change(function(){
    person.src = this.value;
});

问题：

单击图像并选择文件时，IE中的输入显示文件的完整路径c:/media/me.png，此值存储为file.value。然而，Chrome中的输入仅显示文件名me.png及其值，图片的src属性显示为C:\fakepath\me.png ???

我尝试过添加：

--disable-web-security

和/或

--allow-file-access-from-files

到我的Chrome快捷方式目标和 cmd.exe 没有成功???

我有什么遗失的吗？

Answer 1

我终于找到了解决问题的方法，我会在这里发布它也许它对你有所帮助。在Chrome中获取绝对路径几乎是不可能的，但是您可以使用临时路径来访问该文件。要获取临时文件，您的代码将如下所示：

$('#file').change(function(e){
    person.src = URL.createObjectURL(e.target.files[0]);
});

https://jsfiddle.net/upcxxvay/1/

我希望这有助于你帮助我：）

chrome的文件输入元素，完整路径检索和命令行

1 个答案: