我有以下代码:

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中,并且解决方案取决于您使用的服务器端语言/技术。

10-05 21:02
查看更多