代码之家 › 专栏 › 技术社区 › Olive

如何删除角4中输入类型=__file_的选定文件名?

angular

0

Olive · 技术社区 · 7 年前

我不熟悉棱角。我用下面的代码从文件夹附加文件,

   <input #fileInput type="file"  />
<button type="button" (click)="fileInput.click()">trigger</button>

选择特定文件后,UI看起来像附加的图像

现在,当单击某个按钮时,我正在尝试删除所选文件名,并在“选择文件”按钮(如图)的旁边显示默认文本“未选择文件”。

有人能给我一个实现这一目标的建议吗?事先谢谢。

3 回复 | 直到 7 年前

1

Pardeep Jain 7 年前

只需将该元素的值重置为空。如下所示

<input #fileInput type="file"  />
<button type="button" (click)="fileInput.click()">trigger</button>
<button type="button" (click)="reset(fileInput)">Reset</button>

reset(element) {
    element.value = "";
}

Working Example

2

0

DerviÅ KayÄ±mbaÅÄ±oÄlu 7 年前

这实际上与角无关。它可以有角的也可以没有角的。

有角

<input #fileInput type="file"  />
<button type="button" (click)="fileInput.click()">trigger</button>
<button type="button" (click)="fileInput.value=''">Reset</button>

使用jQuery

$('#fileId').value=''

纯JS

document.GetElementById('elementId').value = '';

3

0

Himanshu 7 年前

您可以使用viewschild。

在您的.ts声明viewschild中,如下所示=>

@ViewChild('fileInput')
  myVar1: any;

在重置方法中,您可以这样做=>

this.myVar1.nativeElement.value = '';