Question

我正在开发Ionic 3移动应用程序，我想将图像从移动应用程序上传到Web API。为此，我正在使用POST方法发送图像。我正在尝试将图像作为多部分文件上传，因为服务器需要多部分文件。因此，我添加了一个输入字段来选择文件。接下来，我创建了changeListener()事件，将图像发送到服务器。

<ion-input type="file" accept="image/*" id="upload" [(ngModel)]="imagePath" (ionChange)="changeListener($event)"></ion-input>


changeListener($event): void {
     this.imagePath = $event.target.files[0];
     console.log($event.target.files[0])
     this.imageProvider.uploadImage(this.imagePath)
}

当我选择文件时，它给我一个typeError，例如“无法读取未定义的属性文件”。谁能帮助解决这个问题？

Answer 1

将ionChange更改为change。

<ion-input type="file" accept="image/*" id="upload" 
        [(ngModel)]="imagePath" 
        (change)="changeListener($event)"></ion-input>

Working example

离子输入类型文件中未定义如何修复属性文件

1 个答案: