博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS文件上传
阅读量:5030 次
发布时间:2019-06-12

本文共 956 字,大约阅读时间需要 3 分钟。

前台:

js文件: 这里要注意的是,因为是通过anjularjs的http请求来上传文件的,所以要让当前的request成为一个Multipart/form-data请求,anjularjs对于post和get请求默认的Content-Type header 是application/json。通过设置‘Content-Type’: undefined, 这样浏览器不仅帮我们把Content-Type 设置为 multipart/form-data,还填充上当前的boundary,如果你手动设置为: ‘Content-Type’: multipart/form-data,后台会抛出异常:the current request boundary parameter is null。 ps: 通过设置 transformRequest: angular.identity ,anjularjs transformRequest function 将序列化我们的formdata object.
$scope.save = function() {            var fd = new FormData(); var file = document.querySelector('input[type=file]').files[0]; fd.append('logo', file); $http({ method:'POST', url:"your url", data: fd, headers: { 'Content-Type':undefined}, transformRequest: angular.identity }) .success( function ( response ) { //上传成功的操作 alert("uplaod success"); }); } });

 

在GET方法中可以使用params ,在POST/PUT/PATCH/DELETE中不能使用params 来传递数据,要使用data来传递。

转载于:https://www.cnblogs.com/supreme-H/p/7588314.html

你可能感兴趣的文章
oracle直接读写ms sqlserver数据库(二)配置透明网关
查看>>
控件发布:div2dropdownlist(div模拟dropdownlist控件)
查看>>
Oracle composite index column ordering
查看>>
ActiveReports 报表控件官方中文入门教程 (3)-如何选择页面报表和区域报表
查看>>
kaggle竞赛
查看>>
区块链入门教程
查看>>
域 搭建OU 组织单元
查看>>
npm常用命令
查看>>
南海区行政审批管理系统接口规范v0.3(规划)4.2.【queryExpireList】当天到期业务查询...
查看>>
[置顶] 细说Cookies
查看>>
[wp7软件]wp7~~新闻资讯,阅读软件下载大全! 集合贴~~~
查看>>
生成指定位数随机数的方法
查看>>
java的垃圾回收
查看>>
Essential C++学习笔记
查看>>
python+selenium进行简单验证码获取
查看>>
where,having与 group by连用的区别
查看>>
【MySQL】MySQL锁和隔离级别浅析二 之 INSERT
查看>>
Oracle T4-2 使用ILOM CLI升级Firmware
查看>>
4.14上午
查看>>
数据分析 -- 白话一下什么是决策树模型(转载)
查看>>