Angular2:如何将所选文件名更改为“未选择文件&#39 ;?

时间:2017-07-07 06:35:50

标签: html angular

我正在使用html文件上传。

<input type="file" name="filedata" class="form-control" #file/>

选择文件后,屏幕/ UI中显示文件名。

<button pButton type="button" icon="fa-check" class="form-control" 
(click)="uploadFileByRest();" label="Upload"></button>

我正在使用上传按钮将该文件上传到Alfresco。点击upload按钮后,我需要清空所选的文件。需要将显示的文件名更改为&#34;没有选择文件&#34;,这是在选择文件之前显示的。怎么做?

1 个答案:

答案 0 :(得分:1)

将值设置为空字符串应根据how to reset <input type = "file">

执行此操作
<button pButton type="button" icon="fa-check" class="form-control" 
    (click)="uploadFileByRest();file.value = ''" 
    [disabled]="!isFileSelected" label="Upload"></button>