使用ajax从直接URL到图像文件接收图像文件

Question

想象一下，我想从以下地方获取图片：

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

使用jquery ajax。

我该怎么做呢。

$.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/