html+jquery+php实现文件上传全过程

最新推荐文章于 2023-03-28 16:33:30 发布

weixin_30673611

最新推荐文章于 2023-03-28 16:33:30 发布

阅读量498

点赞数

CC 4.0 BY-SA版权

文章标签： php javascript 后端 ViewUI

原文链接：http://www.cnblogs.com/sxgxiaoge/p/9173498.html

本文介绍了一个使用HTML、jQuery和PHP实现文件上传的例子。通过具体代码展示了如何获取上传文件的名称、大小及临时路径，并实现文件的移动存储。适用于初学者学习PHP文件上传的基本流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本例子采用html+jquery+php实现上传功能

html部分

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
           <form action="upload.php" method="post" enctype="multipart/form-data">
          <!--上传文件:-->
          <input type="file" name="mypic" />
          <input type="submit" value="上传"  id="submit"/>
      </form>
    </body>
</html>

js(jquery部分代码)

    <script src="jquery-1.9.1.min.js"></script>
    <script>
 $("#submit").click(function(){
                $.ajax({
                    url:"upload.php",
                    type:"POST",
                    dataType:"json",
                    success:function(data){
                        console.log(data);
                      }
                })
              })
    </script>

php->upload.php部分代码

<?php
//功能:完成上传图片
//php中有一个数组  $_FILES 保存当前上传文件所有信息
//1:获取上传文件名称
$picname = $_FILES["mypic"]["name"];
//2:获取上传文件大小
$picsize = $_FILES["mypic"]["size"]/1000;
if($picsize>6000){
  echo '{"code":-1,"msg":"图片大小不能超过2MB"}';
  exit;
}
//3:获取上传文件临时目录
$pictmp = $_FILES["mypic"]["tmp_name"];
//echo "<br/>";
//echo $pictmp;
//4:创建新图片名称
//4.1:获取原有文件名后缀 .jpg .gif .png
$type = strstr($picname,".");
//4.2:创建新名称 时间戳.随机数
$fileName = time().rand(1,9999).$type;

//4.3:移动文件(从上传临时文件->移动->uploads/)
//a:创建变量保存临时文件名
$src = $_FILES["mypic"]["tmp_name"];
//b:创建变量保存新目录名称
$des = "uploads/".$fileName;
//c:移动
//echo $des;
$rs = move_uploaded_file($src,$des);
if($rs){
 echo '{"code":1,"msg":"图片上传成功"}';
}else{
 echo '{"code":-1,"msg":"图片上传失败"}';
}    //10:40--10:42
echo $picname;