Question

在这里我使用ng2-file-input输入图像，图像输入成功，但是图像显示在网页上，因此当我上传图像时，我不想显示在网页上的图像隐藏图像，因为它上传了在下面，我分享了我的HTML代码。如果您有任何疑问，请在评论中问我，我会澄清。谢谢。

<ng2-file-input class="Browse"  (onAction)="onAction($event)" [multiple]="false" [hidden]="Key"  [extensions]="['doc','pdf','txt','jpg','png']"></ng2-file-input>

enter image description here

Answer 1

在您的代码中，请检查您的
showPreviews:true;更改为false并停止显示上传图像的预览

Ng2FileInputModule.forRoot(
          {
             dropText:"Drop file here";
             browseText:"Browse";
             removeText:"Remove";
             invalidFileText:"You have picked an invalid or disallowed file."
             invalidFileTimeout:8000;
             removable:true;
             multiple:false;
             showPreviews:true;
             extensions:['jpg'];
          }
        ),

或者您尝试这个 [showPreviews]:false在第

行中添加

<ng2-file-input class="Browse"  (onAction)="onAction($event)" [multiple]="false" [hidden]="Key" [showPreviews]:false  [extensions]="['doc','pdf','txt','jpg','png']"></ng2-file-input>

如何使用Angular 5隐藏网页上的图像

1 个答案: