首页 > 移动平台 > 详细

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

时间:2014-12-22 12:42:52      阅读:349      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!