文件上传角度2？

发布时间：2020-12-17 07:43:31 所属栏目：安全来源：网络整理

导读：我知道这是非常一般的问题,但我已经尝试了几件事情,并没有成功实现文件上传在角度2.我已经尝试使用1) http://valor-software.com/ng2-file-upload/和2) http://ng2-uploader.com/home,但无法上传文件.有任何一个上传的文件在角度2？你用什么方法？怎么办？如

我知道这是非常一般的问题,但我已经尝试了几件事情,并没有成功实现文件上传在角度2.我已经尝试使用1) http://valor-software.com/ng2-file-upload/和2) http://ng2-uploader.com/home,但无法上传文件.有任何一个上传的文件在角度2？你用什么方法？怎么办？如果提供任何示例代码或演示链接,将非常感激.谢谢

只有角度2提供良好的支持上传文件,第三方库不需要

<input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.doc,.docx">

fileChange(event) {
    let fileList: FileList = event.target.files;
    if(fileList.length > 0) {
        let file: File = fileList[0];
        let formData:FormData = new FormData();
        formData.append('uploadFile',file,file.name);
        let headers = new Headers();
        headers.append('Content-Type','multipart/form-data');
        headers.append('Accept','application/json');
        let options = new RequestOptions({ headers: headers });
        this.http.post(`${this.apiEndPoint}`,formData,options)
            .map(res => res.json())
            .catch(error => Observable.throw(error))
            .subscribe(
                data => console.log('success'),error => console.log(error)
            )
    }
}

使用@ angular / core“：”?2.0.0“和@ angular / http：”?2.0.0“

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!