javascript - 单击按钮时使用 JavaScript 从 Web 服务器下载图像

Question

当用户按下网页上的按钮时，如何下载图像。 我不想使用<a href download="file">因为它在某些设备上不起作用。我如何使用 JavaScript 来做到这一点

Answer 1

您需要添加download属性为<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>链接需要在要下载的文件的服务器响应中包含这些 header :

Content-Type: application/force-download

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

Content-Transfer-Encoding: binary