前端之家收集整理的这篇文章主要介绍了
php+ajax无刷新上传图片的实现方法，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
本文实例讲述了PHP+ajax无刷新上传图片的实现方法。分享给大家供大家参考，具体如下：
1.引入文件
2.html部分
文件
if ('' === $(this).val()) return;
var upimg = $(this).parent().parent().parent();
var showimg = upimg.find('.showimg');
var btn = upimg.find('.btn span');
var imgsrc = upimg.find('.imgsrc');
$(this).parent().ajaxSubmit({
//dataType: 'json',//数据格式为json
beforeSend: function() { //开始
上传
showimg.empty(); //清空
显示的
图片
imgsrc.val("");
btn.html("
上传中..."); //
上传按钮
显示上传中
},uploadProgress: function(event,position,total,percentComplete) {
},success: function(data) { //成功
//获得
后台返回的json数据，
显示文件名，大小，以及
删除按钮
var img = data;
//
显示上传后的
图片
imgsrc.val("");
imgsrc.val(img);
showimg.html("
![]("+img+")
");
btn.html("
上传成功"); //
上传按钮还原
},error:function(xhr){ //
上传失败
btn.html("
上传失败");
}
});
});
});
uploadFiles2($imgpath = "/upload/book",$filesname = "pic");
isset($src[0]['src']) && $src[0]['src'] ? $data = $this->concaturl($src[0]['src']) : null;
echo $data;
}
