如何在 angular 中访问表单数据响应

Question

Component.ts

 upload() {
      var formData: any = new FormData();
      formData.append('file', this.name);
      this.http.post('/temp/upload', formData,{responseType: 'text' })
        .subscribe((response) => {
             console.log('response received is ', response);
             if(response.code==400){
    alert("Upload success")
    }
    else{
    alert("Upload failed")
    }

      });}

server.js

 //upload
    router.post('/upload){
    if(!error){
       res.send({
             code: 400,
             success: "Upload success"
              });
    else{
    res.send({
    code:200
    }}
    }

上面的上传功能returnscode:400成功了，问题是我可以访问"Property 'code' does not exist on type 'string'"

提前致谢

Answer 1

我想你得到了一个字符串。然后你应该通过 JSON.parse(response).

解析 JSON 字符串

另一种尝试：响应类型：'text' -> 响应类型：'json'

this.http
  .post('/temp/upload', formData, {responseType: 'json'})
  .subscribe((response) => {
      const res = (typeof response === 'string') ? JSON.parse(response): response;
      console.log('response received is ', res);
    },
    (error) => console.error(error)
  );

如何在 angular 中访问表单数据响应

How to access formdata response in angular

multipartform-data

response

node.js

typescript

angular