jquery

を使用してブロブとして画像を取得すると、投稿リクエストで画像データを送信しようとしました。現在のアプローチでは、jquery.ajaxを使用して画像を取得しますが、データ型の不一致のために腐敗した画像に遭遇します。したがって、jQueryのみを使用してブロブとして画像にアクセスすることは実行不可能です。例は次のとおりです。 xhr.onedeadystatechange = function（）{ if（this.readystate == 4 && this.status == 200）{ 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（）;

このスクリプトはxmlhttprequestオブジェクトを作成し、ブロブ応答を受信するように構成し、blob urlプロパティを使用してHTML要素を使用します。利用可能： jquery.ajax（{{ url： 'https：//images.unsplash.com/photo-1465101108990-e5eac17cf76d？ixlib = rb-0.3.5&q = 85&fm = j PG&CROP = ENTROPY&CS = SRGB&IXID = EYJHCHBFAWQIOJE0NTG5FQ ==&S = 471AE675A6140DB97FEA32B55781479E ' キャッシュ：FALSE、 xhr：function（）{// XHRオブジェクトにアクセスする唯一の方法のようです var xhr = new xmlhttprequest（）; xhr.responsetype = 'blob' xhrを返します。 }、 成功：function（data）{ var img = document.getElementById（ 'img'）; var url = window.url || window.webkiturl; img.src = url.createobjecturl（data）; }、 エラー：function（）{ } }）;

この例では、XHR関数を使用してxmlhttprequestオブジェクトを構成し、応答タイプは明示的に「blob」に設定されます。これにより、jQueryは画像をブロブとして取得し、画像要素に表示することができます。