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

Question

我从通过单击按钮打开的窗口中选择一个图像。 然后，我显示所选的图像。 我先创建一个div，然后再创建一个图像元素。 我从上传的文件源中获取图像的源，然后将其附加到div中。 它在没有任何服务器的情况下都能正常工作，但是窗口会提示您阻止内容，并且我允许它。 但是，当我在服务器上运行它时，该图像没有显示！ 甚至没有请求权限！ 在chrome和firefox中一切正常！

这是一些代码，

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

Answer 1

这在较旧的浏览器中是可行的，因为传统上<input type="file" />具有一个value属性，该属性返回本地文件系统中指定文件的完整路径。 但是，由于大约在2006年（例如IE7 +，Firefox 2 +，Chrome等）浏览器不再提供完整的文件路径，因此它们仅提供文件名而不提供目录信息。 这是为了保护用户的隐私（例如，因为上载的“我的文档”文件可能包含用户的真实姓名）。

这会影响上传的文件（浏览器不再在POST请求中发送完整的文件路径，因此服务器端代码仅获取文件名和文件数据）以及本地脚本（在您遇到问题时）。