Csv 角度2-文件上传
我试图在angular 2中上载csv/xlxs文件,但每当我提交该文件时,都会出现错误。请从我的后端重试,尽管它在postman上运行良好。我的文件服务有什么问题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
//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软件文件上传时遇到了很多挑战。不管怎样,谢谢:)这里有人帮忙吗?