使用angular实现上传图片,包括图片的预览以及删除, 图片的预览及删除是用的ionic 的popover 实现的,效果如下:
1. 上传图片部分代码的实现
upload.html
<div class="picture-number">
<p >图片上传</p>
<p >{
{uploadPictureNum}}</p>
</div>
<div>
<ul class="upload-files">
<li class="upload-file" *ngFor="let image of previewImageUrl" [style.background-image]="image.fileUrl" (click)="previewImg(image.fileUrl)"></li>
</ul>
<div class="upload-input-box">
<input class="upload-input-box-img" type="file" accept="image/*" multiple (change)="selectPicture($event)" />
</div>
&