好资源导航 » 文章资讯 » jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】

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

2023-08-22 14:43:04 70

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

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

html代码如下：







DingJianlongHtml

总大小；已上传；

选择文件：

php代码如下：

0)
{
echo"ReturnCode:".$_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;
echojson_encode($arr);die;
}

参考资料:https://www.nhooo.com/article/94853.htm

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

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

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐