如何在ng-zorro的nz-upload中上传文件时禁用删除选项？

Question

我正在使用ngzorro的nz-upload组件上传pdf文件。但是我有一个问题，当用户在仍上传的同时删除文件时，这会在我存储响应的数组中引起问题。 有没有办法在仍然上传的同时禁用删除选项？或其他解决方法？

Answer 1

您需要设置'showRemoveIcon = false'以禁用nz-zorro上传中的删除图标。

<nz-upload
  nzAction="https://jsonplaceholder.typicode.com/posts/"
  nzShowUploadList = "{showRemoveIcon?: false}"
  >
  <button nz-button><i nz-icon nzType="upload"></i><span>Click to Upload</span></button>
</nz-upload>

Answer 2

您可以通过将showRemoveIcon设置为false来禁用删除选项

HTML

<nz-upload class="avatar-uploader"
  nzAction="https://jsonplaceholder.typicode.com/posts/" nzName="avatar"
  nzListType="picture-card" [nzShowUploadList]="showUploadList"
  [nzBeforeUpload]="beforeUpload"  (nzChange)="handleChange($event)"
  >

JS

showUploadList = {
 showPreviewIcon: true,
showRemoveIcon: false,
};