图片上传在项目中经常用到,几乎没有任何一个项目可以脱离图片或者是文件上传。本篇我在这向大家介绍两种常规的上传方式。(注:在这里我们仅仅是对功能的实现,不去做过多的前端的样式)

一、利用form表单上传

此种方式是最原始的上传方式,前端就是简单的form表单,后端我们有PHP处理传输过来的文件。

首先看前端的代码 upload.html

然后新建php文件 handle.php 代码如下

$file = $_FILES['file'];//得到传输的数据

//得到文件名称

$name = $file['name'];

$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件类型,并且都转化成小写

$allow_type = array('jpg','jpeg','gif','png'); //定义允许上传的类型

//判断文件类型是否被允许上传

if(!in_array($type, $allow_type)){

//如果不被允许,则直接停止程序运行

return ;

}

//判断是否是通过HTTP POST上传的

if(!is_uploaded_file($file['tmp_name'])){

//如果不是通过HTTP POST上传的

return ;

}

$upload_path = "D:/now/"; //上传文件的存放路径

//开始移动文件到相应的文件夹

if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){

echo "Successfully!";

}else{

echo "Failed!";

}

当然,此php处理代码不是很完善,其中对错误的情况没有进行处理,然而使用php处理上传文件的原理就是这样的,大家可以在此基础上进行优化,使其更加完善。

二、利用uploadify实现无刷新并且带进度条的上传首先下载uploadify插件,保存在项目中的某个文件夹下面,然后引入三个文件

然后引用以下代码

样式如下

当然此按钮的样式我改动过,大家可以根据自己的需要修改样式文件,改变此按钮的样式

同样的php代码 handle.php

$file = $_FILES['Filedata'];//得到传输的数据

//得到文件名称

$name = $file['name'];

$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件类型,并且都转化成小写

$allow_type = array('jpg','jpeg','gif','png'); //定义允许上传的类型

//判断文件类型是否被允许上传

if(!in_array($type, $allow_type)){

//如果不被允许,则直接停止程序运行

return ;

}

//判断是否是通过HTTP POST上传的

if(!is_uploaded_file($file['tmp_name'])){

//如果不是通过HTTP POST上传的

return ;

}

$upload_path = "D:/now/"; //上传文件的存放路径

//开始移动文件到相应的文件夹

if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){

echo "Successfully!";

}else{

echo "Failed!";

}

以上两种方式上传可以说PHP处理的原理是相同的,只是前台显示的样式不同,第二种方式是无刷新,并且带有返回值,可以方便我们做其它的处理。虽然常用,但是总归会受限制,使用起来不是很灵活。

随着html5的发展的越来越成熟,我们可以利用h5中的一些方法实现上传功能,此时后台PHP的处理代码完全不同于以上两种方式,并且使用起来很灵活。由于篇幅限制,本篇我不向大家介绍这种方式,有兴趣的可以参考php+html5实现无刷新图片上传教程,希望大家会喜欢。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

php上传同一张图片,两种php实现图片上传的方法_PHP相关推荐

  1. LayUI upload上传组件上传文件的两种方式(手动上传、自动上传)

    1 手动上传 上传文件分为两步,第一步选择文件,第二步上传文件. HTML代码: <input type='button' id='selectFile' value='选择文件'> &l ...

  2. WebUploader 上传文件的两种方式(手动上传,自动上传)

    1 手动上传 上传文件分为两步,第一步选择文件,第二步上传文件. HTML代码: <input type='button' id='selectFile' value='选择文件'> &l ...

  3. flask中使用FileField上传文件的两种方式+前端页面上传文件(flask三种上传文件方式)

    文章目录 上传文件方式一: 1.index.html文件: 2.主文件main.py: 上传文件方式二: 1.index2.html文件: 2.main.py文件: 上传文件方式三: 1.index3 ...

  4. [前台]---js重复上传一张图片两次,第二次失败的解决办法和思路

    js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type=" ...

  5. django + python上传文件的两种方式

    突然心血来潮,研究了下django+python上传文件的两种方式. 第一:直接采用文件读写的方式上传 1. settings.py文件中设置文件的存放路径和文件读取路径 MEDIA_ROOT = o ...

  6. Silve37.Silverlight和ASP.NET相互传参的两种常用方式(QueryString,Cookie)

    在本节中将讲述Silverlight和ASP.NET页面的相互传参的两种常用方式:Cookie和QueryString.首先我们新建一个名 为SLConnectASP.NET的Silverlight应 ...

  7. ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约

    ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约 目录 1.Geth安装.配置文件.与ETH节点交互 1.1.下载并安装好geth客户端 1.2. ...

  8. Python基础day05【函数(函数传参的两种形式、函数形参)、拆包、引用、可变与不可变类型、引用做函数参数注意点】

    视频.源码.课件.软件.笔记:超全面Python基础入门教程[十天课程]博客笔记汇总表[黑马程序员]    目录 0.复习 1.函数传参的两种形式[掌握] 2.函数形参 2.1.缺省参数(默认参数) ...

  9. ajax的data传参的两种方式

    ajax的data传参的两种方式 本文为转载. 1.[javascript] view plaincopy   /** * 订单取消 * @return {Boolean} 处理是否成功 */ fun ...

最新文章

  1. ug编程内公差和外公差是什么_数控加工编程的主要内容有哪些?
  2. R可视化多元线性回归模型
  3. dnscat使用——整体感觉这个工具不完善,失败率很高,传文件时候没有完整性校验,我自己测试时通过域名转发失败,可能是其特征过于明显导致...
  4. 什么叫做罗列式_陈列,罗列是什么意思?
  5. 在计算机技术方面用英语怎么说,“计算机应用技术”用英语怎么说?
  6. 服务器中用于接收电子邮件,‎如何使用我的邮件服务器在 Odoo 中发送和接收电子邮件‎...
  7. Js跨域解决方法总结
  8. LInux 查看环境变量
  9. Python实现四种方法求解计算阶乘和(1!+2!+3!+...+n!)
  10. Apache与Tomcat集群配置
  11. JAVA代码编译流程
  12. 【C语言】学习gotoxy() 与 clrscr() 函数
  13. VHDL:设计一个四位并行加法器和16位ALU(代码思路清晰易懂)
  14. python分布式 集群_python分布式框架rq的使用
  15. python打开xls_用Python读取Excel(*.xls)文件——xlrd模块的使用
  16. 初中计算机课感悟,初中信息技术课教育随笔
  17. 【web前端开发】HTML知识点超详细总结
  18. 团队作业1——团队展示
  19. 与君共品代码: Spelling Corrector
  20. 历尽千帆过尽,归来,又是一年毕业季

热门文章

  1. oracle判断数据出现交叉,Oracle move table分析
  2. 关于Vue 3.0 的改进 Proxy 代理实现数据驱动视图
  3. 如何用python的i2c教程_Micropython TPYBoard I2C的用法
  4. 【OpenCV 例程200篇】79. 频率域图像滤波的基本步骤
  5. python学习socket的客户端实现
  6. java地址传递_关于java中是地址传递还是值传递的测试
  7. web html介绍笔记,WEB 之 HTML 系列笔记
  8. 2021年考计算机考研三战,考研越来越难,2021考研人将会面临哪三大挑战?
  9. echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.
  10. Java二进制小数表示_《Java编程的逻辑》笔记9--小数的二进制表示