jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
(编辑:jimmy 日期: 2024/11/28 浏览:3 次 )
本文实例讲述了jquery+ajax实现上传图片并显示上传进度功能。分享给大家供大家参考,具体如下:
jquery上传文件用的formdata,上传进度条需要添加xhr的onprogress
html代码如下:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Ding Jianlong Html</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/layer/2.3/skin/layer.css" rel="external nofollow" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">php代码如下:
<"file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . "<br />"; } 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程序设计有所帮助。
下一篇:node.js的http.createServer过程深入解析