jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】

前端  /  管理员 发布于 4年前   273

本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能。分享给大家供大家参考，具体如下：

jquery上传文件用的formdata，上传进度条需要添加xhr的onprogress

html代码如下：

                 
      
    
总大小；已上传；

  
    选择文件：      

php代码如下：

 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;}

参考资料: /article/94853.htm

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

• 基于HTML5 Ajax文件上传进度条如何实现（jquery版本）
• jQuery progressbar通过Ajax请求实现后台进度实时功能
• jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
• jquery ajax实现文件上传功能实例代码
• jQuery插件ajaxFileUpload异步上传文件
• jQuery Ajax 上传文件处理方式介绍(推荐)
• 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
• 基于jquery ajax的多文件上传进度条过程解析