javascript - 尝试通过带有 IE 的输入类型文件将 img 标记的来源设置为本地内容

Question

所以，我所做的是上传文件框，它允许您选择要上传的文件。然后，这将指向一个文件，例如：“C:\Users\Public\Pictures\Sample Pictures\Koala.jpg” 然后我想要做的是它有一个图像标签，它来自该文件。

var filepath = data.value;   //data is the file. returns above C:\\
var value = "file:\\\\" + filePath;
$imgTag.attr("src",value);
return;

我相当肯定这会奏效，但似乎不行。你们都做什么？

这是需要在 IE7+ 中使用的东西，除非我弄错了，否则 HTML5 不适用于该浏览器类型。

更新：它似乎在图像标签中显示了一个绿色的小图标，表明它现在被正确引用，但它似乎只是没有显示。是否有一些我没有正确显示图像的地方？

Answer 1

Html5 允许您读取在文件元素中选择的文件。然后，您可以在 img 元素中显示该数据。但您不能直接引用用户系统上的图像。--找到的例子：http ://www.xul.fr/en/html5/filereader.php

对于 IE，我唯一能想到的是将文件元素放在 iframe 中，在选择后立即上传并让服务器返回文件。

可能有更好的方法，但我不知道。我认为您需要闪存或具有更多权限的东西来执行此操作。