离子输入文件不清除对象

Question

在我的离子应用程序中，我有 home.html 文件 : <input type="file" (change)="onFileChange($event)" multiple />

并在 .ts 文件中

onFileChange(fileChangeEvent) {
this.file = fileChangeEvent.target.files[0];

if (typeof fileChangeEvent.target.files[1] !== 'undefined') {
  this.file_2 = fileChangeEvent.target.files[1];
}
if (typeof fileChangeEvent.target.files[2] !== 'undefined') {
  this.file_3 = fileChangeEvent.target.files[2];
}}async submitForm() {
let formData = new FormData();
formData.append("photo", this.file, this.file.name);
if (typeof this.file_2 !== 'undefined') {
  
formData.append("photo_2", this.file_2, this.file_2.name);

}
if (typeof this.file_3 !== 'undefined') {
 
formData.append("photo_3", this.file_3, this.file_3.name);

}
formData.append("nome_mercatino", this.nome_mercatino);

this.http.post("https://myserver/myphpfile.php", formData).subscribe((response) => {
  console.log(response);
});

}`

发送1到3张图片到服务器。当我第一次发送文件时，没有问题，但是，如果我重试，例如，从 2 个文件更改为只有 1 个文件，当我向服务器发送我的文件时，也是上次发送的第二个文件，是重新-发送。为什么？如何清除文件对象以始终发送正确的文件？

Answer 1

我得到的答案是当你done.You设置file_2时将所有三个文件都设置为未定义但是在if条件下它失败并且file_2没有改变我想你明白了？

onFileChange(fileChangeEvent) {
this.file = fileChangeEvent.target.files[0];

if (typeof fileChangeEvent.target.files[1] !== 'undefined') {
  this.file_2 = fileChangeEvent.target.files[1];
}
if (typeof fileChangeEvent.target.files[2] !== 'undefined') {
  this.file_3 = fileChangeEvent.target.files[2];
}}async submitForm() {
let formData = new FormData();
formData.append("photo", this.file, this.file.name);
if (typeof this.file_2 !== 'undefined') {
  
formData.append("photo_2", this.file_2, this.file_2.name);

}
if (typeof this.file_3 !== 'undefined') {
 
formData.append("photo_3", this.file_3, this.file_3.name);

}
formData.append("nome_mercatino", this.nome_mercatino);

this.http.post("https://myserver/myphpfile.php", formData).subscribe((response) => {
  console.log(response);
this.file_1=undefined;
this.file_2=undefined;
this.file_3=undefined;
});

离子输入文件不清除对象

ionic input file doesn't clear object

image

file

append

ionic-framework

server