文件上传角度2?

前端之家收集整理的这篇文章主要介绍了文件上传角度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“

猜你在找的Angularjs相关文章