【JavaScript】如何给 blob 对象添加文件名

要给Blob对象添加文件名，可以通过将Blob对象转换为File对象来实现。File对象继承自Blob对象，并且提供了额外的属性，包括name属性，这使得你能够为文件设置一个名称。这种方法在大多数现代浏览器中都是可行的，但请注意，Internet Explorer不支持File构造函数。

将Blob转换为File

以下是将Blob转换为File的基本步骤：

// 假设你已经有了一个Blob对象
let blob = new Blob(['Hello World'], { type: 'text/plain' });

// 将Blob转换为File，设置文件名为example.txt
let file = new File([blob], 'example.txt');

// 现在file对象有一个name属性，你可以使用它
console.log(file.name); // 输出 "example.txt"

注意事项

• 将Blob转换为File只是在客户端添加了文件名，没有改变原始Blob对象的内容或类型。
• 在使用File对象时，请确保你的代码在支持File构造函数的浏览器中运行，或者使用polyfill来提供跨浏览器的兼容性。
• 当使用FormData发送文件时，服务器端需要能够解析multipart/form-data请求，并处理其中的文件上传。

通过上述方法，你可以给Blob对象添加文件名，并将其作为File对象发送到服务器。这种方法提供了一种灵活的方式来处理文件上传，特别是在需要指定文件名称的情况下。