我在基于Angular 6的电子应用程序中功能上上传了图像。像下面一样
<img #userphoto id="userphoto" alt="" />
<input type="file" name="userphoto" id="add-photo" accept="image/png, image/jpg" (change)="changeImage($event)" />
<input type="file" name="userphoto" id="change-photo" accept="image/png, image/jpg" (change)="changeImage($event)" />
changeImage()
方法的作用是设置图像(#userphoto)的src
。首先,使用第一个文件输入(id =“ add-photo”)添加图像,并能够设置图像的src。添加图像后,尝试使用第二个文件输入(id =“ change-photo”)更改先前添加的图像,但是在这种情况下,不会触发change
事件。
请注意,事件从角度触发(当我们使用服务和浏览器时),但不适用于电子设备。