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

Download Image From Web Server On Button Click Using JavaScript

本文关键字：单击 JavaScript 按钮 图像 Web 服务器 下载      更新时间：2023-09-26

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

您需要将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>链接需要在要下载的文件的服务器响应中包含以下标题：

Content-Type: application/force-download

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

Content-Transfer-Encoding: binary

相关文章：