图片上传
2016-02-04 22:24
453 查看
$('input').change(function(){ var fileObj = this.files[0]; //检查是否支持FileReader对象 if (typeof FileReader!= 'undefined'){ var acceptTypes = /\.(jpe?g|png)$/i; if ( !(acceptTypes.test(fileObj.name))){ alert('请上传jpg,png格式的文件'); return; } if (fileObj.size>1*1024*1024){ alert('上传图片不能大于1M'); return; } var reader = new FileReader(); reader.onload = function(){ var $img = $('<img>'); $img.attr('src',this.result); //这只是在本地预览 $img.appendTo($('body')); } reader.readAsDataURL(fileObj); //文件转成base64 //上传到服务器 var formData = new FormData(); formData.append('file',fileObj); $.ajax({ type:'POST', url:'', data:formData, processData : false, //告诉jquery不要去处理发送的数据 contentType: false, //告诉jquery不要去设置content-type请求头 }).done(function(){}).fail(function(){}); }
参考:http://www.jianshu.com/p/46e6e03a0d53
相关文章推荐
- 11个提问频率最高的PHP面试题
- hdoj 2516 取石子游戏
- could only be replicated to 0 nodes instead of minReplication (=1)
- JSF2.0学习笔记
- Android隐藏状态栏、导航栏
- Catch Bug
- 【poj1284-Primitive Roots】欧拉函数-奇素数的原根个数
- Linux Bash基本知识
- 通过java反射实现简单的关于MongoDB的对象关系映射(ORM).
- 使用HTML全局事件的一些功能,HTML元素,JS
- 1.8字符串- 翻转子串
- ios通过ipa快速提取里面的图片资源
- Joseph(hdu1443)
- uvalive 5873
- @property_@synthesize 配套使用
- qt LAN 通讯软件开发 进度 2016.2.4
- [转] ubuntu开启SSH服务
- C语言 乘法 大数相乘
- botnet
- 奔跑吧,代码小哥!