Question

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

我在一个博客中看到，当与jszip一起使用时，downloadify可以启用此功能，但它没有在此进一步指定。有没有人知道如何下载图像。我有图像的链接，我只是希望用户在他的系统上下载它，而不是再次查询服务器。

请有人给我提供一个例子。

Answer 1

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

Answer 2

使用HTML5 PUT 属性。

作为选择，您可以将 filename 设置为属性值。

download

Answer 3

最后我做到了。对于今后可能需要这个的人来说，我是如何使用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传递给它。这样做更容易，如果你在同一个域上，那就更容易了不符合我的要求，这段代码对我有用：）

如何通过JavaScript保存图像

3 个答案: