代码之家 › 专栏 › 技术社区 › alex

无法设置Blob的文件名

blob javascript

alex · 技术社区 · 6 年前

我正在尝试自动下载如下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

如何属性设置文件名?

1 回复 | 直到 6 年前

guest271314 6 年前

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)
})

推荐文章

Moretti · 在C#mysql中读取mediumblob

6 年前

PabloD2 · 在C#SQLite中将BLOB从旧数据库导入新数据库时出现问题

6 年前

John Toe · 使用Android和PHP将照片存储为Blob

6 年前

Sequential · 使用存储类通过aws Amplify进行React本机图像上载

6 年前

blue_code · Azure-复制多个BLOB的触发器

6 年前

JetS79 · 如何使用scala to spark从Blob存储中读取文件

6 年前

Rohit Chauhan · 如何在Sqlite Android中更新Blob数据类型

6 年前

alex · 无法设置Blob的文件名

6 年前

Rahul Khurana steve · 无法获取图像接收为blob

6 年前

vasanths294 · 在Azure中创建blob时面临的问题

6 年前