下载文件而不是在javascript中打开

Question

我使用函数http://js.cytoscape.org/#cy.jpg获取jpg格式的图形。

我将其与window.location.assign(cy.jpg()); ，但它打开的图像在同一标签中打开。

我希望它下载而不是在选项卡中打开。 我想我必须设置content-disposition = attachment或类似的东西。

编辑

我解决了

const link = document.createElement('a');
link.download = 'filename.png';
link.href = cy.png();
link.click();

但是，它并非在所有浏览器中都兼容。

Answer 1

您可以设置<a>元素href属性导致的cy.png()设置download的属性<a>元素，呼叫click()上<a>元素。

或者，您可以将cy.png()返回的data URI MIME类型"image/png"部分替换为"application/octet-stream" ，然后将location.href设置为替换data URI

  var url = cy.png();
  url = url.replace("image/png", "application/octet-stream");
  window.location.href = url;