AngularJS中文社区angular 怎么上传文件

AngularJS中文社区angular 怎么上传文件,第1张

需要同时上传两个文件巧磨宴。并且规定文件格式和文件大小。因为前端框架使用angular,孝银且不想因为一个上传功能又引入一个jquery,所以在网上查找基于angular的上传控件,因游衫为angular还算比较新,貌似都没有太成熟的插件。

前言:很久没更新博客,最近公司pc端技术选型用angular,这几天就赶鸭子上架,硬着头皮直接上手angular。其中有许多小坑陆陆续饥侍贺续踩起走。今天就遇到一个比较常见的问题:图片上传。 主题:图片上传服务器,然后通过服务器传阿里云。 不废话了直接贴前端代码: $http({ method: ‘POST‘, url: ‘/wechatapp/User/setAvatar‘,data: data,headers: { ‘Content-Type‘: undefined},transformRequest: function(data) { var formData = new FormData() formData.append(‘avatar_data‘, data.adata) formData.append(‘avatar_file‘, data.file) return formData },data: { adata: scope.avatar_data, file: scope.avatar_file}}).success(function(d) { //请谈档求成功 cb(d) }).error(function(err, status) { console.log(err) cb(err) }) 其实没神马难点,主要是取消post默认的Content-Type,然后已FormData的方式上传。一般ajax上传文件都是以FormData方式传。 以上就是本文给大家介绍Angular Js文件上传之form-data,希望大家烂派喜欢。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8150586.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存