jquery - 直接URLから画像ファイルへのajaxを使用して画像ファイルを受信します

Question

画像を取得したい場合を想像してみてください。

http://www.entheosweb.com/fireworks/images/tracing/img18.jpg

jqueryajaxを使用します。

どうすればそれを行うことができますか。

$.ajax({
    url: 'http://www.entheosweb.com/fireworks/images/tracing/img18.jpg',
    type: "POST",
    dataType: "image",
    async: true,
    success: function(data) {
        data = data.replace(/</g, '&lt;');
        data = data.replace(/>/g, '&gt;');
        $('#file_content').html('<pre>' + data + '</pre>');    
    },
    error: function(a,b,c){
        alert("There has been an error! Try again...");
    } 
});      

私が推測するこれらの線に沿った何か？

Answer 1

そのためにajaxは必要ありません。javascriptを使用すると、SRCプロパティ値を設定するだけで済みます。

$(function(){
   $("#img1").attr(
      "src","http://www.entheosweb.com/fireworks/images/tracing/img18.jpg") 

});​

例： http： //jsfiddle.net/PBKpk/1/