twitters profile image uploader如何在客户端显示图像预览

Question

我们最近使用Fine Uploader向我们的网站添加了图片上传和裁剪功能;将一组JavaScript库与HTTP处理程序混合使用。

它运行良好但是对于较大的图像，客户端被迫：

1. 等待一段时间，直到使用HTTP处理程序上传图像
2. 再次下载图像，以便与JCrop一起使用
3. 以完整尺寸下载图像，然后由JCrop在客户端调整为较小的图像。

我注意到在Twitter上为您的个人资料选择了一个图像，可以立即显示图像;显然没有服务器端的互动。

有没有人知道twitter如何在不将其上传到服务器的情况下实现客户端查看图像;或者对平滑上述过程有什么建议？

Answer 1

可能喜欢这个

http://jsfiddle.net/dmZTm/

var URL = window.URL || window.webkitURL;

$("input").change(function() {
    var file = this.files && this.files[0];

    if (file) {
        var src = URL.createObjectURL(file);
        $("<img>", {
            src: src
        }).appendTo("body");
    }


});​