189 8069 5689

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://cdxtjz.cn/article/pocipe.html

其他资讯