jQuery - 文件上传 - 缩略图

Question

我有这个代码:

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>

Answer 1

支持 File 和 FileReader ( caniuse.com ) 的浏览器是可能的

Heres some examples and guides