文档章节

$.ajax上传文件或者上传图片

潇潇程序缘
 潇潇程序缘
发布于 2017/08/18 10:22
字数 220
阅读 22
收藏 0

###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" onchange="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)); } }) }

© 著作权归作者所有

潇潇程序缘
粉丝 8
博文 100
码字总数 19871
作品 0
成都
程序员
私信 提问
08-05更新ThinkPHP+swfupload多图上传实例 经典实用的php多图上传

先上一张图片给大家看看效果,有需要就下载学习。不一定非要在ThinkPHP里,只是我非常喜欢去用ThinkPHP做开发了。 好了。现在咱们需要的东西是,下载一个swfupload.js网上很多,自己百度吧....

3147972
2014/03/21
0
0
php+jquery+ajax无刷新图片上传裁切,模拟flash头像上传实例

博客已转移到:http://blog.phpue.com/Article/index/id/13.html 这几天自己在写一个cms.之前在用到图片上传裁切的时候总是用的flash的,或者是swfupload之类的。用的还不熟练,所以今天就用a...

3147972
2014/03/17
0
0
php与Ajax实例

****************AJAX的学习要有JavaScript、HTML、CSS等基本的Web开发能力**************** [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流...

晨曦之光
2012/03/09
10.3K
1
ASP.NET MVC5+EF6+EasyUI 后台管理系统(36)-文章发布系统③-kindeditor使用

系列目录 我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级。都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能...

文艺小青年
2017/07/06
0
0
Python自动化开发学习24-Django中(AJAX)

讲师的博客地址:http://www.cnblogs.com/wupeiqi/articles/5703697.html 。号称是AJAX全套 原生Ajax Ajax主要就是使用 XmlHttpRequest 对象来完成请求的操作,该对象在主流浏览器中均存在(...

骑士救兵
2018/05/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

好文:华杉:我等用功,不求日增,但求日减。减一分人欲,则增一分天理,这是何等简易!何等洒脱!

#写在前面1.怎么理解“减一分人欲,则增一分天理,这是何等简易!”?1)华杉提倡 “一劳永逸” 排除浪费,少干活,多赚钱,一战而定,降低作业成本。2)华杉提倡学海无涯,回头是岸...

阿锋zxf
18分钟前
1
0
vue 的bus总线

bus声明 global.bus = new Vue() 事件发送 controlTabbar () {global.bus.$emit('pickUp', 'ddd')}, 事件接收 global.bus.$on('pickUp', (res) => {this.isFocus = true})......

Js_Mei
23分钟前
2
0
大型系统演进之路-负载均衡演进

Nginx做负载均衡 通过Nginx的反向代理将请求分发到tomcat中,如果tomcat支持100并发,Nginx支持50000并发,理论上nginx把请求发送到500个tomcat就可以了。 LVS或F5做多个Nginx负载均衡 Tomc...

春哥大魔王的博客
28分钟前
4
0
Sqlite时间段查询中遇到的问题

问题: 我要查询DateTime时间其中的一段符合时间要求的数据,比如我要查询‘2019-06-06 16:50:00’至‘2019-06-06 16:59:00’这一段的数据 开始用这段代码 strSql= ("select * from Coll...

rainbowcode
32分钟前
2
0
大数据(hadoop-数据入库系统Sqoop原理架构)

Sqoop是什么 Sqoop:SQL-to-Hadoop 连接传统关系型数据库和Hadoop的桥梁 把关系型数据库的数据导入到 Hadoop 系统 ( 如 HDFS、HBase 和 Hive) 中; 把数据从 Hadoop 系统里抽取并导出到关系型...

这很耳东先生
46分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部