小编par*_*072的帖子

Agular2 +打字稿+文件上传

我正在创建一个angular2项目,我的要求是上传文件并从客户端向服务器(Spring Rest Server)发送一些参数.我尝试过Formdata接口,但是当我将一个文件(从event.srcElement.files创建的文件对象)附加到它然后将对象记录到控制台时,它会打印一个空的formdata对象.至于服务器端,我正在使用@requestparam("file")来获取文件.如果有人可以提供一些帮助,那就太好了.

这是我的html文件中的代码

<input type="file" #uploadFile multiple="true" (change)="uploadFile($event)"/>
Run Code Online (Sandbox Code Playgroud)

组件文件是这样的

  uploadFile(event:any){
    let file = event.target.files[0];
    let fileName = file.name;
    console.log(file)
    console.log(fileName)
    let formData = new FormData();
    formData.append('file',file);
    this.examService.uploadAnswer(formData);
}
Run Code Online (Sandbox Code Playgroud)

并在服务文件中

uploadAnswer(formData:FormData){  
            console.log(formData)
            this.http.post(this.url+'/uploadanswer', formData)
            .map((response: Response) => {
                let res = response.json();
            Object.keys(res).forEach(name =>
                this.questions=res[name]
            );
            });
Run Code Online (Sandbox Code Playgroud)

file-upload typescript angular

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

file-upload ×1

typescript ×1