Question

我正在尝试自动下载这样的blob：

blobGeneratingFunction.then(blob => {
  // blob => Blob(3797539) {size: 3797539, type: "image/png"}
  let file = new Blob([blob], { type: 'application/octet-stream' })
  file.name = 'test.png'
  file.download = 'test.png'
  let blobURL = URL.createObjectURL(file)
  window.location.href = blobURL
})

name或download属性未设置文件名，现在是：

f486177d-6f5e-4f96-91a9-8df08e7d9da0

如何设置文件名？

Answer 1

Blob没有name属性。

保留原始type，并将<a>元素与download属性设置为href设置为Blob URL，调用.click()将元素追加到<a>后的document.body元素。

blobGeneratingFunction.then(blob => {
  let a = document.createElement("a") 
  let blobURL = URL.createObjectURL(blob)
  a.download = 'test.png'
  a.href = blobURL
  document.body.appendChild(a)
  a.click()
  document.body.removeChild(a)
})

无法设置Blob的文件名

1 个答案: