在JavaScript中重命名File()对象

Question

我希望我的用户能够在上传之前重新命名文件.

我File在Javascript中有一个对象,它有一个name已设置的属性,但我希望能够更新它.现在,明显myFile.name = "new-name.txt"返回一个错误,该属性是只读的.

更改nameJavaScript File对象的属性的最佳方法是什么？

Answer 1

现在这file.name是一个只读属性,我发现这是在浏览器中重命名File对象的最佳方法:

const myNewFile = new File([myFile], 'new_name.png', {type: myFile.type});

Answer 2

试试这个:

var blob = file.slice(0, file.size, 'image/png'); 
var newFile = new File([blob], 'name.png', {type: 'image/png'});

注意:这是针对图像类型的,您必须使用您实际使用的类型更改此类型.

Answer 3

您可以添加一个input带有名称的标签并向name用户隐藏该属性。在服务器上，只需使用 作为input名称并忽略默认名称。