-1

其实我想在这里学习角度的东西。

我想做的第一件事是做一些简单的文件上传。

我已经有我的 Web API 并且我已经有一个简单的文件选择，但问题是它没有显示浏览的文件

这是屏幕截图

在此处输入图像描述

在屏幕截图中。我已经浏览了一个文件。但问题是它现在显示选定的文件。但是当我将鼠标移到我选择的文件输入上时。文件名将像工具包一样弹出。但名称未在文件输入中设置。我怎样才能做到这一点？

下面是我正在使用的 HTML 代码

<div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
      </div>
      <div class="custom-file">
        <input type="file" class="custom-file-input" id="inputGroupFile01"
          aria-describedby="inputGroupFileAddon01">
        <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
      </div>
    </div>

谢谢

4

1 回答 1

0

通常，您可以通过在输入上使用更改事件来读取选择的文件。

例如，在组件模板中 -

<input (change)="onFileChange($event)" type="file" id="inputGroupFile01">

在课堂上 -

  files: any[];

  onFileChange(event){
    this.files = event.target.files;
    // here you can take more action like reading content, etc
  }

“文件”是一组选定的文件，它提供了您可能用于您的任务的信息，例如名称、大小、类型、上次修改时间等。

有关更多信息，请参阅以下内容 - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

我希望这会很有用。

于 2019-09-01T04:53:06.717 回答