Image Abrezkin/ng2图像上载如何预填充图像

在angular2中使用aberezkin/ng2图像上载

我的模板中有

<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>

这是电子商务网站的产品捕获/编辑屏幕（包括此图像上载）更大表单的一部分

对于一个新产品和一个新的图像来说，这一切都很好，但是如果我必须编辑一个现有的产品，从而从该产品的服务器获得数据，包括图像，我如何用该图像预填充图像上载，从而允许用户保留或删除/更改它

---

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

因此，您希望让用户选择图像，并能够在上载之前对其进行更改

我做了一个简单的预览和上传图片的例子，我想这会对你有所帮助