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

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

  •  0
  • Olive  · 技术社区  · 6 年前

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

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

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

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

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

    3 回复  |  直到 6 年前
        1
  •  1
  •   Pardeep Jain    6 年前

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

    <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    6 年前

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

    有角

    <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    6 年前

    您可以使用viewschild。

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

    @ViewChild('fileInput')
      myVar1: any;
    

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

    this.myVar1.nativeElement.value = '';