Javascript 在IE9/Angular 5/TypeScript上使用FormData而不使用Ajax或jQuery
在我的应用程序/中,我有一个UploadFile组件,如下所示: component.html 用例 在Chrome和Mozilla浏览器上使用此组件时工作正常,但在使用IE 9时出现以下错误: “FormData”未定义 我查看了git问题和项目,没有发现任何能够用现代解决方案解决问题的东西 重要提示:我正在寻找一个不使用jQuery或Ajax的解决方案Javascript 在IE9/Angular 5/TypeScript上使用FormData而不使用Ajax或jQuery,javascript,angular,typescript,internet-explorer,form-data,Javascript,Angular,Typescript,Internet Explorer,Form Data,在我的应用程序/中,我有一个UploadFile组件,如下所示: component.html 用例 在Chrome和Mozilla浏览器上使用此组件时工作正常,但在使用IE 9时出现以下错误: “FormData”未定义 我查看了git问题和项目,没有发现任何能够用现代解决方案解决问题的东西 重要提示:我正在寻找一个不使用jQuery或Ajax的解决方案 提前感谢您的帮助。IE9中没有FormData: 您必须自己手动收集表单数据并对其进行编码。是否有使用PolyFile的解决方案? ....
提前感谢您的帮助。IE9中没有FormData:
您必须自己手动收集表单数据并对其进行编码。是否有使用PolyFile的解决方案?
....
<form #formUpload id="formUpload">
<input type="file" class="input-file-ghost" (change)="onChangeFile($event.target.files)">
</form>
....
export class UploadFileComponent implements OnInit {
@Input() .....;
@Output() filesAdded = new EventEmitter<File>();
@ViewChild('formUpload') formUpload: ElementRef;
...
constructor() { .... }
ngOnInit() { .... }
onChangeFile(files: File[]) { ..... }
}
<app-upload-file
[uploadFileConfig]="...."
(filesAdded)="....">
</app-upload-file>
**********
formCvData: FormData = new FormData();
onFileUploaded($event) {
const uploaded = $event;
this.formLmData.set('.....', uploaded, uploaded.name);
}