尝试使用 angular 9 上传图像 - formData 发送空 object

Question

我试图将图像文件发送到服务器，FormData 发送空的 object... 当我 console.log 它显示为空。 这是我的代码：

public addProduct(product: any) {
    const myForm:FormData = new FormData();
    myForm.append('image', product.img);
    myForm.append('product', JSON.stringify(product));
    console.log(myForm);
    return this.http.post<any>(this.myApi + 'add-product', myForm);
  }

Answer 1

console.log(myForm)将始终打印一个空的 object 类似 FormData 类型的结构，以便查看您需要使用get方法的值。

const myForm = new FormData();

myForm.append('image', 'myImage');
myForm.append('product', 'myProduct');

console.log(myForm.get('image')); // myImage
console.log(myForm.get('product')); // myProduct

Answer 2

我忘了在服务器端安装 express-fileupload 在客户端一切正常..