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请求中发送完整文件路径，因此服务器端代码只获取文件名和文件数据）以及本地脚本（正如您自己经历的那样）。

在上传之前查看图像不在IE中工作

1 个答案: