如何使用ngModel和ng2-file-upload获取文件名而不是路径？

Question

选择输入时，我需要获取输入的文件名并将其保存到数据库中，但是似乎唯一显示的是文件的假路径。

//component.html
<div class="col s12 file-field input-field" style="margin-left: -10px">
    <div>
        <input type="file" name="cat" [(ngModel)]="subf" ng2FileSelect [uploader]="uploader2"/>
    </div>
    <div class="file-path-wrapper" style="margin-right: -10px">
        <input class="file-path validate" name="banner" ngModel placeholder="Seleccione una Imagen" type="text">
        <label for="banner" style="margin-left: 10px">Banner</label>
    </div>
</div>

---

//component.ts
var subf: any;
console.log(subf);

我得到的输出是C:\fakepath\image.png，我只需要image.png

Answer 1

您应该有一个带有点击事件的按钮。

foreach(ListViewItem item in lv.Items)
    item.Selected = true;


foreach(ListViewItem item in lv.Items)
    item.Selected = !item.Selected;

和ts文件中

<input style="display: none" type="file" (change)="onFileChanged($event)" #fileInput>
  <button type="button" (click)="fileInput.click()">Select File</button>

}