如何在Angular中创建自定义文件上传按钮

Question

我想用一些其他文本（例如“上载”和好的样式）替换“选择文件”文本和<input type="file" />按钮的难看样式，也许使用mat-button。不安装任何额外的文件上传软件包的最干净方法是什么？

Answer 1

使用以下模板：

.html：

<button type="button" (click)="fileInput.click()">
  <span>Upload</span>
  <input #fileInput type="file" (change)="onFileInput($event)" style="display:none;" />
</button>

点击功能将提示用户选择文件。