码迷,mamicode.com
首页 > Web开发 > 详细

上传base64编码文件

时间:2016-03-20 19:22:50      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

上传base64编码文件

标签:

原文地址:http://www.cnblogs.com/obeing/p/5299136.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!