通过$ .ajax下载和使用图像

时间:2012-08-10 10:17:59

标签: jquery-mobile

我不知道它是否可能,但我的服务器上有一个图像,我想通过$ .ajax函数下载并在我的jquery移动应用程序中显示。这是我正在使用的代码:

$.ajax({
type: "GET",
url: $url,
dataType: "jpeg",
async: true,
timeout: 90000,
success: function($data)
    {   
 console.log("success");

},
error: function()
   {
console.log("failure");
}


});

我收到错误,不确定这是否是正确的方法

1 个答案:

答案 0 :(得分:0)

使用AJAX下载图像没有多大意义。您可能只需要设置“src

element属性
<div id="example">Example</div>
<script>
  var url = 'http://lorempixel.com/output/abstract-q-c-64-48-8.jpg'; // URL of the image
  $('#example').click(function() {
    $('<img>') // create a new image element
       .attr('src', url) // set src
       .appendTo(this);
  });
</script>​

工作示例:http://jsfiddle.net/zrbRM/