2 回答

TA貢獻1797條經驗 獲得超6個贊
這是一個簡單的文件上傳組件,可以按您的需要工作。
此鏈接的演示:https ://angular-upload-csvx.stackblitz.io/
完整代碼和額外內容:https://stackblitz.com/edit/angular-upload-csvx
//files.component.ts
import {Component} from '@angular/core';
@Component({
'templateUrl': './files.component.html',
'selector': 'app-files'
})
export class FilesComponent {
handleFileSelect(evt) {
var files = evt.target.files; // FileList object
var file = files[0];
}
}
<!--files.component.html-->
<div>
<form>
<div>
<input type="file" (change)="handleFileSelect($event)">
</div>
</form>
</div>
<!--app.component.html-->
<div>
<app-files></app-files>
<hr>
<app-files></app-files>
<hr>
<app-files></app-files>
</div>

TA貢獻1802條經驗 獲得超10個贊
我發現了問題。我有一個用于輸入類型文件的標簽(下面的代碼)。我需要做的就是生成一個隨機數并分配給的for和label的。idinput
<label for="file-{{uniqueNumber}}" (click)="handleUploadClick()">
<th-icon-upload></th-icon-upload>
{{buttonText}}
</label>
<input type="file" id="file-{{uniqueNumber}}" [attr.multiple]="multiple ? '' : null" (change)="handleFileInput($event.target.files)" accept="{{acceptableFiles}}"
[attr.disabled]="successFilesCount >= maximumNumberOfFiles ? '' : null" />
添加回答
舉報