Question

在angular2中使用aberezkin / ng2-image-upload

我的模板

<image-upload
  [max]="1"  
  [url]="uploadUrl"
  [preview]="true"
  [buttonCaption]="'Select Images!'"
  [dropBoxMessage]="'Drop your images here!'"
  (onFileUploadFinish)="imageUploaded($event)"
  (onRemove)="imageRemoved($event)"
  (isPending)="disableSendButton($event)"
></image-upload>

这是电子商务网站产品捕获/编辑屏幕的更大表格的一部分，包括此图片上传

这对于新产品和新图像来说都很棒但如果我必须编辑现有产品并因此从服务器获取该产品的数据（包括图像），我该如何使用此预先填充图像上传图像因此允许用户保留或删除/更改它？

还有一种方法可以过滤允许的文件类型吗？

Answer 1

因此，您希望让用户选择图像，并且能够在上传

时进行更改

我做了一个预览和上传图片的简单示例，我认为它对您有所帮助

Preview and uploade image angular2

aberezkin / ng2-image-upload我如何预填充图像

1 个答案: