3

当用户选择照片并单击按钮时，我想将图像文件（jpeg 图像）下载到用户文件系统。到目前为止，我搜索并找到了这个链接和这个

我在一篇博客中看到，与 jszip 一起使用时，downloadify 可以启用此功能，但它没有对此进行进一步说明。有谁知道怎么下载图片。我有图像的链接，我只是希望用户将其下载到他的系统上，而不是再次查询服务器。

谁能给我一个例子。

4

3 回答 3

4

您可以在画布元素中加载图像，获取画布的数据 url 并以数据 url 作为源打开一个新窗口。看看这个例子：https ://gist.github.com/1875132

于 2012-09-02T19:01:24.183 回答
2

使用 HTML5download属性。

作为选择，您可以将文件名设置为属性值。

<a href="/images/image-name.jpg" download="new-image-name.jpg">
于 2017-02-23T15:12:06.333 回答
1

最后我做到了。对于将来可能需要这个的任何人，这里是我使用 jquery 的方式

jQuery.ajax({

    url: 'http://localhost:8080/yourwebsite/servlet?img=' + document.getElementById(id).alt,
    //data: myData,
    type: 'GET',
    crossDomain: true,
    dataType: 'jsonp',
   // success: function() { alert("Success"); },
   // error: function() { alert('Failed!'); },
   // beforeSend: setHeader
});

这是我不得不遇到的跨域 http 请求的问题，除非您遵循一些冗长的过程，否则大多数网站通常会阻止这些请求。所以，我让它变得更简单，并在我的 servlet 中调用了一个 get 方法，并将它从中下载图像的图像的 url 传递给它。如果你在同一个域上，这更容易做，甚至更容易，但那没有'不符合我的要求，这段代码对我有用:)

于 2012-09-07T19:01:11.947 回答