小编Apo*_*orv的帖子

嗨,我使用原生HTML5拖放将文件上传到服务器.我想获取从本地系统上传的文件的名称.我无法获取放置区域中丢弃的文件的名称.以下是我尝试过的代码.任何帮助,将不胜感激

var reader = new FileReader();
    reader.onload = function (event) {
        var childrenDivs = document.getElementById("holder").children
        var temp    
        if(childrenDivs.length > 0){

            var lastDiv = childrenDivs[childrenDivs.length - 1]
            temp = parseInt(lastDiv.id.split("_")[1]) + 1
        }else{

            temp = 1
        }
      var imageDiv = document.createElement('div')
      imageDiv.id = "uploadedImage_"+temp
      var image = new Image();
      image.src = event.target.result;
      console.log(event.target.fileName)

而不是console.log(event.target.fileName)我自己也尝试console.log(event.target.files[0].name)和console.log(event.dataTrasfer.files[0]).有人可以帮帮我吗.

当我尝试编辑记录时，我无法设置 mat-autocomplete 的值我使用自动完成作为 FormBuilder 对象中的 FormControl 对象并设置从服务器接收的值我使用 Formbuilder.setValue()方法。但是这不会设置自动完成，尽管它向服务器发送请求，因为我正在使用 Observables 的 valueChanges 方法......任何帮助将不胜感激

以下是我正在使用的代码

组件.ts

this.filteredData = this.addDetailsForm.get('product').valueChanges
.debounceTime(400)
.do(value =>
{ let exist = this.myContent.findIndex(t => t.text === value);
if (exist > -1) return;
this._dataService.getSwiftProducts(value).subscribe((res: any[]) => { this.myContent = res; });
}).delay(500).map(() => this.myContent);

组件.html

<div class="row">
<label class="col-lg-4 control-label">Product: </label>
<div class="col-lg-5">
<input type="text" class="form-control" (keyup.enter)="chooseFirstOption()" placeholder="Pick one" aria-label="Number" matInput ="product" formControlName="product" [matAutocomplete]="auto">
<p *ngIf="addDetailsForm.controls.product.errors">This field is required!</p>
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn"> <mat-option *ngFor="let option of filteredData | async" …