我尝试制作有点像“ Dropbox”的Angular CRUD应用程序。因此,它必须具有共享和访问功能的文件和文件夹托管。我遇到了一个问题,即如何上传图像和视频文件?我使用File API(FileReader,Blob)在客户端进行文件预览,但我不知道如何将此类数据发布到服务器。
最佳答案
这样的事情应该很好地作为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