下載文件而不是在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;