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

html5移动页面上传图片,上传文件的控制

时间:2014-12-22 12:43:56      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
//$(‘#uploadInput‘).removeAttr(‘src‘);
//$(‘#uploadInput‘).attr(‘src‘, e.target.result);
$.ajax({
data:{file:e.target.result},
url: "/instant/wx/upload_postcard",
type: ‘POST‘,
dataType: ‘json‘,
beforeSend:function(){
$(‘#life_pic‘).attr(‘src‘,‘<?php echo IMAGE_URL;?>resources/images/loading.gif‘)
},
success: function (data) {
if(data.code == 0){
$("#life_pic").attr("src", data.img);
}else{
alert("上传失败");
}
}
});
}
reader.readAsDataURL(input.files[0]);
}
}

html5移动页面上传图片,上传文件的控制

标签:

原文地址:http://www.cnblogs.com/webgirl/p/4177895.html

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