使用$ http发送带有角度的multipart / form-data文件

Question

我知道对此有很多疑问，但我无法解决这个问题：

我想将输入中的文件上传到multipart / form-data中的服务器

我尝试了两种方法。第一：

headers: {
  'Content-Type': undefined
},

这导致例如图像

Content-Type:image/png

它应该是多部分/表单数据

和另外一个：

headers: {
  'Content-Type': multipart/form-data
},

但这要求一个边界标头，我认为不应手动插入…

解决此问题的干净方法是什么？我读过你可以做的

$httpProvider.defaults.headers.post['Content-Type'] = 'multipart/form-data; charset=utf-8';

但是我不希望我的所有帖子都是多部分/表单数据。默认值应为JSON

Answer 1

看一下FormData对象：https
:
//developer.mozilla.org/en/docs/Web/API/FormData

this.uploadFileToUrl = function(file, uploadUrl){
        var fd = new FormData();
        fd.append('file', file);
        $http.post(uploadUrl, fd, {
            transformRequest: angular.identity,
            headers: {'Content-Type': undefined}
        })
        .success(function(){
        })
        .error(function(){
        });
    }