我有以下代码:
http://jsfiddle.net/J6vzU/1/
我想动态显示上传文件的缩略图(重新上传后会更改),并最终使用“保存”按钮保存更改。
我知道如何使用timthumb等,因此调整大小不会有问题,但是如何使用jQuery“实时”显示上传的图像?
非常感谢!
[编辑]
这是代码:
<form method="post" action="">
<input type="file" name="datafile" size="40">
<div>
<p>Live AJAX uploaded file thumbnail</p>
</div>
<input type="submit" value="Save this image">
</form>
最佳答案
[2.5年后编辑:如果您准备放弃对旧版浏览器的支持,那么在现在的答案下面,请参阅Joshua的评论,这似乎是可能的。
据我所知,您的浏览器只能将文件上传到服务器。因此,您的脚本无法在文件上传之前访问文件本身。
就是说,您可以提出一个解决方案,其中将图像上载到ajax-ish,由服务器进行处理,然后将(缩略图)图像的信息(即url)提供回jQuery脚本。
但是在那种情况下,“魔术”发生在服务器上而不是jQuery中,并且解决方案取决于您使用的服务器端语言/技术。