上传base64编码文件
2016-03-20 18:08
246 查看
1.js进行图片预览 使用input标签来选择图片,使用FileReader读取图片并转成base64编码,然后发送给服务器。 <html> <body> <img id="image"src=""/> <br/> <input type="file"onchange="selectImage(this);"/> <br/> <input type="button"onclick="uploadImage();"value="提交"/> <script> var image = ''; function selectImage(file){ if(!file.files || !file.files[0]){ return; } var reader = new FileReader(); reader.onload = function(evt){ document.getElementById('image').src = evt.target.result; image = evt.target.result; } reader.readAsDataURL(file.files[0]); } function uploadImage(){ $.ajax({ type:'POST', url: 'ajax/uploadimage', data: {image: image}, async: false, dataType: 'json', success: function(data){ if(data.success){ alert('上传成功'); }else{ alert('上传失败'); } }, error: function(err){ alert('网络故障'); } }); } </script> <script src="jquery-1.11.1.min.js"></script> </body> </html>
相关文章推荐
- HTTP请求和JSON解析与组装
- [转载]c++常用字符串操作函数
- 学习进度03
- ok6410的LCD裸机范例
- java实现map和object互转的三种方法
- CUDA 内置变量
- HDFS 小文件处理——应用程序实现
- 0320-复利实验代码改进
- 一个很好的网站 www.atwop.com
- 关于combox只显示一条下拉列表中的内容的问题
- Linux内核分析之四——系统调用的工作机制
- Hibernate逍遥游记-第10章 映射继承关系-003继承关系树中的每个类对应一个表(joined-subclass)
- RocEDU.阅读.写作《霍乱时期的爱情》书摘(一)
- 谈谈我的个人追求
- genymotion+VirtualBox创建android模拟器
- HTML5 Canvas画布,画出直角三角形
- minecraft生存指南
- C常用字符串处理函数
- 等分按钮(特别适合移动端)
- centos安装git高版本报错