时间:2021-05-28
前言:很久没更新博客,最近公司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,希望大家喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、文件上传原理1、文件上传的前提:a、form表单的method必须是postb、form表单的enctype必须是multipart/form-data(决
我们都知道要让form能提交文件,需要在form上指定enctype=multipart/form-data的attribute,这样才能上传文件,关于enct
springmvc(注解)上传文件的简单例子。这有几个需要注意的地方1.form的enctype=”multipart/form-data”这个是上传文件必须的
一、文件上传的必要前提Aform表单的enctype取值必须是:multipart/form-data(默认值是:application/x-www-form-
一、文件上传的必要前提Aform表单的enctype取值必须是:multipart/form-data(默认值是:application/x-www-form-