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

Question

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

此代码不显示图片：

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

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

尊重

Answer 1

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

Answer 2

您可以使用HTML5文件API（tutorial）显示所选文件。最好的方法是使用FileReader获取文件的dataURL，并将其分配给src的{​​{1}}。

Answer 3

有很多JavaScript函数可以使用response.write在页面上呈现图像，这些方法只需搜索Google即可。

但为什么要进行客户端显示？甚至雅虎或许多着名网站都没有以这种方式处理渲染图像......他们在临时数据库中上传图像，如果用户确认它将被复制到永久数据库中。

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

希望我能帮助你一点