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