angularjs - 将文件上传到 angularjs 中的 RESTful 服务

Question

我尝试制作有点像“dropbox”的有 Angular 的 CRUD 应用程序。因此，它必须具有具有共享和访问功能的文件和文件夹托管。我被困在如何上传图片和视频文件的问题上？我使用 File API (FileReader, Blob) 在客户端预览文件，但我不知道如何将这种类型的数据发布到服务器。

Answer 1

像这样的东西应该可以很好地发送为 multipart/form-data对后端 API 的请求:

var file = ... // get from file input;
var backendUrl = ...
var fd = new FormData();

fd.append('myFile', file, 'filename.ext');

$http.post(backendUrl, fd, {
    // this cancels AngularJS normal serialization of request
    transformRequest: angular.identity,
    // this lets browser set `Content-Type: multipart/form-data` 
    // header and proper data boundary
    headers: {'Content-Type': undefined}
})

.success(function(){
    //file was uploaded
})

.error(function(){
    //something went wrong 
});

请参阅此处以供引用:

FormData API Doc

Using FormData Objects (MDN)

multipart-formdata file upload with AngularJS