jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能。分享给大家供大家参考,具体如下:
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都做网站、加格达奇网络推广、微信小程序开发、加格达奇网络营销、加格达奇企业策划、加格达奇品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供加格达奇建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
jquery上传文件用的formdata,上传进度条需要添加xhr的onprogress
html代码如下:
Ding Jianlong Html 总大小;已上传;
php代码如下:
<?php header('content-type:text/html;charset=utf-8'); if ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . "
"; } else { // 文件中文转码 //iconv('utf-8', 'gbk', $_FILES["file"]["name"]); //取出后缀名 $ext = strrchr($_FILES["file"]["name"],'.'); move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . uniqid() . $ext); $arr['code'] = 666; $arr['message'] = "已经保存到: " . "upload/" . uniqid() . $ext; echo json_encode($arr);die; }
参考资料: https://www.jb51.net/article/94853.htm
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
新闻标题:jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
本文链接:http://myzitong.com/article/pocipe.html