Question

当用户按下网页上的按钮时，如何下载图像。我不想使用<a href download="file">因为它在某些设备上无法使用。我怎么能用JavaScript

来做到这一点

Answer 1

您需要将download attr添加到<a></a>链接，或者通过其他元素的事件添加：

$('button.download', modal).on('click', function (e) {
  e.preventDefault();

  var url = ""; // Some URL.
  var fileName = "image.jpeg"; // Some File name

  var a = $('<a href="' + url + '"></a>')
    .attr('download', fileName)
    .appendTo('body');

  a.click(function () {
    a[0].click();
    $(this).remove();
  });

  a.trigger('click');
});

[编辑] 如果您不想使用它，则<a></a>链接需要在要下载的文件的服务器响应中包含这些标题：

Content-Type: application/force-download

Content-Disposition: attachment; filename="image.jpeg"

Content-Transfer-Encoding: binary

从Web服务器下载图像按钮单击“使用JavaScript”

1 个答案: