Javascript 字符串对象文件，而不是实际对象

因此，我实际上是在尝试为我的名为：ModalFile的属性提供任何要上载的文件的对象。我没有像平常一样接收对象，而是接收到一个名为“File”的字符串，当我单击它时，它显示为“[object File]”。我见过一些人告诉我将参数$event作为参数来解决这个问题，但它没有解决我的问题

导出默认值{
名称：“市场”，
数据（）{
返回{
ModalFileName:null，
};
},

onFileSelected（事件）{
const data=event.target.files[0]；
this.ModalFileName=数据；
},

---

谢谢

您正在

ModalFileName

变量中存储文件对象。请尝试以下操作：

event.target.files[0]。name

工作代码段：

newvue({
el:“#应用程序”，
数据（）{
返回{
ModalFileName:null，
};
},
方法：{
选举（事件）{
this.ModalFileName=event.target.files[0].name；
console.clear（）；
console.log（this.ModalFileName）
},
}
})

谢谢，但通常情况下，该文件名为ModalFile，包含所有event.target.files[0]信息和属性，但我有一个小的eslint。现在我只需要所有这些属性，但我通常有“[object file]”来执行此操作。

js this.ModalFileName=event.target.files[0]

但我也遇到了这个eslint问题..eslint:如果存储

this.ModalFileName=event.target.files[0]，请使用数组分解。（首选分解）

那么您的文件名将是

this.ModalFileName.name

。您还可以在

this.ModalFileName

中获得所有其他属性。对于Esline问题，您可以使用

//eslint禁用下一行

忽略该行。另外，我通过将空组件数据更改为空字符串来解决我的问题。