ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery.ajax を使用して画像を BLOB として取得できないのはなぜですか?

jQuery.ajax を使用して画像を BLOB として取得できないのはなぜですか?

Mary-Kate Olsen
リリース: 2024-11-13 03:58:01
オリジナル
934 人が閲覧しました

Why can't you use jQuery.ajax to retrieve images as blobs?

XMLHttpRequest を使用して画像を BLOB として取得する

jQuery.get を使用して画像を取得し、Blob に保存して、別のサーバーにアップロードしようとしています。ただし、データ型の不一致により、画像が破損します。

jQuery ajax を使用して画像を BLOB として取得できないのはなぜですか?

jQuery.ajax画像を BLOB として取得することはサポートされていません。

解決策

画像を BLOB として取得するには、ネイティブ XMLHttpRequest:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if (this.readyState == 4 && this.status == 200){
        //this.response is what you're looking for
        handler(this.response);
        console.log(this.response, typeof this.response);
        var img = document.getElementById('img');
        var url = window.URL || window.webkitURL;
        img.src = url.createObjectURL(this.response);
    }
}
xhr.open('GET', 'http://jsfiddle.net/img/logo.png');
xhr.responseType = 'blob';
xhr.send();      
ログイン後にコピー

jQuery 3 の更新

jQuery 3 では、jQuery.ajax を使用して画像を BLOB として取得できます:

以上がjQuery.ajax を使用して画像を BLOB として取得できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート