0

最近、Fine Uploaderを使用して、画像のアップロードとトリミングをサイトに追加しました。javascript ライブラリのセットと HTTP ハンドラーの混合。

うまく機能していますが、大きな画像の場合、クライアントは次のことを余儀なくされます。

  1. HTTP Handler を使用して画像がアップロードされるまでしばらく待ちます
  2. JCrop で使用できるように、イメージを再度ダウンロードします。
  3. 画像はフル サイズでダウンロードされ、JCrop によってクライアント側でより小さい画像にサイズ変更されます。

Twitter でプロフィールの画像を選択すると、すぐに画像が表示されることに気付きました。明らかにサーバー側の相互作用はありません。

Twitterがサーバーにアップロードせずにクライアント側で画像を表示する方法を知っている人はいますか? または、前述のプロセスをスムーズにするためのアドバイスはありますか?

4

1 に答える 1

3

多分こんな感じ

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");
    }


});​
于 2012-11-20T11:25:57.277 に答える