Csv 角度2-文件上传

Csv 角度2-文件上传,csv,angular,Csv,Angular,我试图在angular 2中上载csv/xlxs文件,但每当我提交该文件时,都会出现错误。请从我的后端重试,尽管它在postman上运行良好。我的文件服务有什么问题 //error <b>Warning</b>: Missing boundary in multipart/form-data POST data in <b>Unknown</b> on line <b>0</b><br /> //se

我试图在angular 2中上载csv/xlxs文件,但每当我提交该文件时,都会出现错误。请从我的后端重试,尽管它在postman上运行良好。我的文件服务有什么问题

//error
 <b>Warning</b>: Missing boundary in multipart/form-data POST data in <b>Unknown</b> on line <b>0</b><br />

    //service
        constructor (private authenticate:AuthenticationService) {
                this.filetrack = Observable.create(observer => {
                    this.progressObserver = observer
                }).share();
            }

             SendRequest (url: string, params: string[], files: File[]) {
                return Observable.create(observer => {
                    let formData: FormData = new FormData(),
                        xhr: XMLHttpRequest = new XMLHttpRequest();

                    for (let i = 0; i < files.length; i++) {
                        formData.append("uploads[]", files[i], files[i].name);
                    }

                    xhr.onreadystatechange = () => {
                        if (xhr.readyState === 4) {
                            if (xhr.status === 200) {
                                observer.next(JSON.parse(xhr.response));
                                observer.complete();
                            } else {
                                observer.error(xhr.response);
                            }
                        }
                    };

                    xhr.upload.onprogress = (event) => {

                        this.progress = Math.round(event.loaded / event.total * 100);
                        this.progressObserver.next(this.progress);
                    };


                    xhr.open('POST', url, true);
                    xhr.setRequestHeader('Authorization', 'Bearer ' + this.authenticate.user_token);
xhr.setRequestHeader("Content-Type", "multipart/form-data");

                    xhr.send(formData);


                });
            }
        }

    //component
    export class FileUploadComponent {
        constructor(private service:FileUploadService) {
            this.service.filetrack.subscribe(
                data => {
                    console.log('progress = '+data);
                });
        }

        onChange(event) {
            console.log('onChange');
             let files = event.target.files;
            console.log(files);
            this.service.SendRequest('http://localhost:8000/register/v1/file/country', [], files).subscribe(() => {
                console.log('sent');
            });
        }
    }
//错误
警告:多部分/表单数据中缺少边界,第0行中的POST数据未知
//服务 构造函数(私有身份验证:AuthenticationService){ this.filetrack=Observable.create(Observable=>{ this.progressObserver=观察者 }).share(); } SendRequest(url:string,params:string[],files:File[]{ 返回可观察的。创建(观察者=>{ 让formData:formData=new formData(), xhr:XMLHttpRequest=新的XMLHttpRequest(); for(设i=0;i{ if(xhr.readyState==4){ 如果(xhr.status==200){ next(JSON.parse(xhr.response)); observer.complete(); }否则{ 观察者错误(xhr响应); } } }; xhr.upload.onprogress=(事件)=>{ this.progress=Math.round(event.loaded/event.total*100); this.progressObserver.next(this.progress); }; xhr.open('POST',url,true); setRequestHeader('Authorization','Bearer'+this.authenticate.user_token); setRequestHeader(“内容类型”、“多部分/表单数据”); xhr.send(formData); }); } } //组成部分 导出类FileUploadComponent{ 构造函数(专用服务:FileUploadService){ this.service.filetrack.subscribe( 数据=>{ log('progress='+数据); }); } onChange(事件){ console.log('onChange'); 让files=event.target.files; console.log(文件); this.service.SendRequest('http://localhost:8000/register/v1/file/country“,[],文件)。订阅(()=>{ console.log('sent'); }); } }
错误消息是什么?@Marcosmia警告:第0行的多部分/表单数据POST数据中缺少边界未知
这是控制台中的错误这可能会有所帮助,因为如果需要,您还可以查看它们的实现:@Marcosmia,我在尝试用后端实现valor软件文件上传时遇到了很多挑战。无论如何,谢谢:)这里有什么帮助吗?错误消息是什么?@Marcosmia警告:多部分中缺少边界/表单数据发布第0行未知中的数据
这是控制台中的错误这可能会有所帮助,因为如果需要,您还可以查看它们的实现:@Marcosmia,我在尝试用后端实现valor软件文件上传时遇到了很多挑战。不管怎样,谢谢:)这里有人帮忙吗?