在选择文件之后显示图像，在上传之前答案

【问题标题】：displaying image after Choose File, before upload在选择文件之后显示图像，在上传之前
【发布时间】：2011-07-23 16:51:23
【问题描述】：

如何在选择图片之后上传之前（插入数据库之前）显示图片？

此代码不显示图像：

var a = $('<img src="' + g.STRING.selected.replace('$file', v) + '" alt="Angry face" width="50" height="50" />'),

<input type="file" name="image' >

尊重

【问题讨论】：

【解决方案1】：

我认为您可以查看this 教程（查看“新热点”部分）以获取 jQuery 解决方案

【讨论】：

【解决方案2】：

您可以使用 HTML5 文件 API (tutorial) 来显示所选文件。最好的方法可能是使用FileReader 来获取文件的dataURL 并将其分配给src 的src。

【讨论】：

【解决方案3】：

那里编写了许多 JavaScript 函数来使用 response.write 在页面上呈现图像，而这些方法您所要做的就是搜索 Google。

但是你为什么要做客户端显示呢？即使是 yahoo 或许多著名网站也不以这种方式处理渲染图像......他们将图像上传到临时数据库中，如果用户确认它将被复制到永久数据库中。

如果没有服务器端验证，您需要多行 java 脚本代码，这些代码在不同浏览器中的行为可能不同。

希望对你有所帮助

【讨论】：