$.ajax上传文件或者上传图片
2019独角兽企业重金招聘Python工程师标准>>>
###FormData 想得到一个FormData对象就必须new一个FormData对象,然后使用append()方法向该对象里添加键值对 var formdata = new FormData() //包含用户选择文件的文件流 formdata.append("file",event.target.files[0]) 例子: ###html <div class="form-inline" style="margin-top:30px;margin-left:10px;"> <label class="col-md-4">请选择图片:</label> <input type="file" class="col-md-6 form-validate" name="file" id="urlBanner" οnchange="fileUpload(event)"> </div> ###js //上传图片 function fileUpload(event) { console.log(event) console.log(event.target.files[0]) var formData = new FormData() //formData.append('file',$('input[name=file]')[也可以用name属性得到这个文件流属性到这个文件流 formData.append('file', event.target.files[0]) console.log(formData) $.ajax({ url: commonUrl + "/cmsComm/fileUpload", method: 'POST', data: formData, contentType: false, // 注意这里应设为false告诉jQuery不要去设置Content-Type请求头 processData: false,//告诉jQuery不要去处理发送的数据 cache: false, success: function (data) { console.log(data) console.log(data.data[0]) newPicUrl = data.data[0] console.log(newPicUrl) }, error: function (jqXHR) { console.log(JSON.stringify(jqXHR)); } }) }
转载于:https://my.oschina.net/pingheyongfeng/blog/1512565
最新文章
- Linux device tree 简要笔记
- Be a new gentleman
- 在SQL Server里如何进行页级别的恢复
- jQuery(function(){...})与(function($){...})(jQuery)的“兄弟”情结
- 程序员修神之路--打通Docker镜像发布容器运行流程
- onnx 测试_用于ONNX的TensorRT后端
- 有关Monkey命令的两个隐藏选项
- JavaScript 从数组中删除元素方法
- 蚂蚁金服二面,竟然被问到事务的基本原理?
- C++ multiset 相同元素
- 记事本java代码_Java记事本源代码(完整).doc
- 微信打飞机java 源代码_微信打飞机
- 19108期计算机开机号,排列三19108期藏机图诗汇总
- C#注入DLL-C#注入器
- idea中安装maven3.6.1
- Java微信公众号开发之初步认识微信公众平台
- The Preliminary Contest for ICPC Asia Shanghai 2019 BDL
- POJ2228 Naptime 【例题精讲】
- 360更新补丁之后把Outlook弄坏了
- java 如何遍历所有子目录、子文件