上传前查看图像在IE中不起作用

Viewing the image before upload not working in IE

本文关键字:IE 不起作用 图像      更新时间:2024-04-22

我通过单击按钮从打开的窗口中选择一个图像。然后我显示所选的图像。我正在创建一个div,然后创建一个图像元素。我从上传的文件源中获取图像的来源,然后将其附加到div中。它在没有任何服务器的情况下都可以正常工作,但窗口会提示阻止的内容,我允许它。但当我在服务器上运行它时,图像不会显示!甚至不需要任何许可!铬和萤火虫的一切都很好!

这是一些代码,

if(document.all) {
        var image = document.createElement("img");
        image.src = document.getElementById('fileElem').value;
        }
thumbnail.appendChild(image);

这在较旧的浏览器中会起作用,因为传统上<input type="file" />具有返回本地文件系统中指定文件的完整路径的value属性。然而,自2006年左右(比如IE7+、Firefox 2+、Chrome等)以来,浏览器不再提供完整的文件路径,只提供文件名,而不提供目录信息。这是为了保护用户的隐私(例如,因为上传的"我的文档"文件可能包含用户的真实姓名)。

这会影响上传的文件(浏览器不再在POST请求中发送完整的文件路径,因此服务器端代码只获取文件名和文件数据)以及本地脚本(正如您自己所经历的)。