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

发布时间：2020-12-17 10:20:30 所属栏目：安全来源：网络整理

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

我尝试制作有点像“dropbox”的角度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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!