可以通过更改可写属性描述符来更改JavaScript文件名吗？

Question

我需要在上传文件之前更改文件名，但该属性为只读：https://developer.mozilla.org/zh-CN/docs/Web/API/File所以this.imageFile.name = newFileName;不起作用。我在这里查看了其他问题，但答案都是-“使用文件构造器创建新文件”。例如var file = new File(['foo'], 'newName', {type:'img/jpg'});但是构造函数在IE或Edge中不可用。最后，我发现表单数据在caniuse.com上具有良好的支持，您可以提供一个新的文件名，如下所示：var newFileName = file.filename + "new";var formData = new FormData();formData.append('file', file, newFileName);在这两种解决方案之间，我尝试了另一种解决方案：Object.defineProperty(this.imageFile, 'name', {     writable: true});this.imageFile.name = newFileName; 显然，这是一个hack，但它确实有效。我决定不使用它，因为FormData append方法采用文件名来解决此问题，如果我可以手动更改描述符，并且它可以正常工作，我只是不明白为什么它是一个只读属性。

Answer 1

我只是不明白为什么它是一个只读属性...

因为规范是这样说的：

用户代理应努力在进行引用时将File对象的快照状态设置为磁盘上基础存储的状态。

interface File : Blob {

  readonly attribute DOMString name;

  readonly attribute long long lastModified;

};

该name属性表示当前文件名，因此没有能力在File对象中对其进行更改。

虽然，当您FormData.append()使用3rd参数将此文件的内容发送到服务器时，此操作不会更改文件状态或它表示的基础存储。