本例子采用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;

需要注意的是 在php部分存储的文件为uploads,因此 需要新建个uploads的文件夹，用来存储本地上传的文件。

进行完以上步骤后，就可以进行测试了。 lz此处用的xampp本地测试。

上传成功后会显示。此时在uploads文件下为多出来一个您刚刚上传的文件。

以上就是php+web实现文件上传的过程。实际项目中可参考此处略作更改即可实现需求哦，你学会了吗？

html+jquery+php实现文件上传全过程的更多相关文章

  1. 转: 如何实现jQuery的Ajax文件上传

    [PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的.实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上 ...

  2. jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能

     Ajax file upload plugin是一个功能强大的文件上传jQuery插件,可自定义链接.或其它元素庖代传统的file表单上传结果,可实现Ajax动态提示文件上传 过程,同时支撑多文 ...

  3. jquery组件WebUploader文件上传用法详解

    这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 WebUploader是由Baidu WebFE(FEX)团队开发的一 ...

  4. Javascript Fromdata 与jQuery 实现Ajax文件上传以及文件的删除

    前端HTML代码: <!DOCTYPE html> <html> <head> <title>ajax</title> <script ...

  5. Javascript Fromdata 与jQuery 实现Ajax文件上传

    <!DOCTYPE html> <html> <head> <title>ajax</title> <script type=&quo ...

  6. js 使用jquery.form.js文件上传

    1.文件上传,使用jquery.form.js插件库 <!DOCTYPE html> <html> <head> <meta charset="UT ...

  7. jquery+springMVC实现文件上传

    此文章是基于 搭建Jquery+SpringMVC+Spring+Hibernate+MySQL平台 一. jar包介绍 1. commons-fileupload-1.3.1.jar 二. 相关程序 ...

  8. jQuery File Upload 文件上传插件使用一 (最小安装 基本版)

    jQuery File Upload 是一款非常强大的文件上传处理插件,支持多文件上传,拖拽上传,进度条,文件验证及图片音视频预览,跨域上传等等. 可以说你能想到的功能它都有.你没想到的功能它也有.. ...

  9. jQuery File Upload文件上传插件简单使用

    前言 开发过程中有时候需要用户在前段上传图片信息,我们通常可以使用form标签设置enctype=”multipart/form-data” 属性上传图片,当我们点击submit按钮的时候,图片信息就 ...

随机推荐

  1. phpstorm ftp不能连接服务器

    环境: ubuntu phpstorm 问题一. 服务器ftp功能没有开启 解决方法:在服务器上安装 ftp 服务 https://i.cnblogs.com/EditPosts.aspx?posti ...

  2. 【挖坟】HDU3205 Factorization

    分圆多项式 问题在于精度貌似出了一些奇怪的问题... [输出也写的有问题QAQ] 完全不会处理了 加上全网没有题解T^T 挖个坑以后补.. #include<cstdio> #includ ...

  3. find命令进阶（三）：xargs

    The xargs command performs an interesting function. It accepts input from standard input and convert ...

  4. JavaWeb(三)：JSP

    JSP是JavaServer Page的缩写,也就是服务端网页. 一.概述 1.1 为什么使用JSP 在很多动态网页中,绝大部分内容都是固定不变的,只有局部内容需要动态产生和改变.JSP是简化Serv ...

  5. gitHub那些优秀的库和想要实现的效果

    1. 轮播库SDCycleScrollView 2. 自动布局库SDAutoLayout 3. 类似支付宝福卡滑动切换的效果 https://github.com/huangxuan518/HXCar ...

  6. 【Linux】服务器间免密登录、免确认机器指纹

    1.生成密钥 ssh-keygen -t rsa -C "<填写自己方便识别的注释>" -b 4096  没什么问题就执行三次空格. 三次问题是1.填入生成密钥对的路径 ...

  7. 【HDOJ6595】Everything Is Generated In Equal Probability（期望DP）

    题意:给定一个N,随机从[1,N]里产生一个n, 然后随机产生一个n个数的全排列,求出n的逆序数对的数量并累加ans, 然后随机地取出这个全排列中的一个子序列,重复这个过程,直到为空,求ans在模99 ...

  8. 用DELPHI中实现RAR文件解压到指定一目录

    一个RAR压缩文件,用DELPHI编的程序打开它并解压到某一目录,怎么实现的?自己搞定了例子:winrar.exe e -y C:\WINDOWS\Desktop\ghost.rar d:\ 但新的问 ...

  9. [CSP-S模拟测试]:涂色游戏（DP+组合数+矩阵快速幂）

    题目描述 小$A$和小$B$在做游戏.他们找到了一个$n$行$m$列呈网格状的画板.小$A$拿出了$p$支不同颜色的画笔,开始在上面涂色.看到小$A$涂好的画板,小$B$觉得颜色太单调了,于是把画板擦 ...

  10. 测开之路四十八：Django之重定向与cookie

    基础配置与上一篇一致 404错误 定义一个error页面 <!DOCTYPE html><html lang="en"><head> <m ...