jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】-成都快上网建站

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://kswjz.com/article/pocipe.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流