迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 编程语言 > PHP >

图片上传——PHP图片上传

作者:迹忆 最近更新:2022/11/13 浏览次数:

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

一、利用form表单上传

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

首先看前端的代码 upload.html

<form action="handle.php" name="form" method="post" enctype="multipart/form-data">
   <input type="file" name="file" />
   <input type="submit" name="submit" value="上传" />
</form>

然后新建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插件,保存在项目中的某个文件夹下面,然后引入三个文件

<link  href="js/uploadify/uploadify.css"  rel="stylesheet"  type="text/css" />
<script  type="text/javascript"  src="js/uploadify/jquery.min.1.7.js"></script>
<script  type="text/javascript"  src=js/uploadify/jquery.uploadify.min.js"></script>

然后引用以下代码

<script type="text/javascript">
        $(function(){
           $(".uploadbutton").each(function(){
              
               bidtype="上传";
               $(this).uploadify({
                   swf: 'js/uploadify/uploadify.swf',
                   uploader: "handle.php",   //处理上传的php文件或者方法
                   multi: true,   //是否开启一次性上传多个文件
                   queueSizeLimit:20,    //最大允许上传的文件数量
                   buttonText: bidtype,                //按钮文字
                   height: 34,                             //按钮高度
                   width: 82,                              //按钮宽度
                   auto:false,   //选择完图片以后是否自动上传
                   method:'post',
                   fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;",           //允许的文件类型
                   fileTypeDesc: "请选择图片文件",           //文件说明
                   postData:{},
                   formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //提交给服务器端的参数
                   onUploadSuccess: function (file, data, response) {   //一个文件上传成功后的响应事件处理
                       var data = $.parseJSON(data);
                   }
               });
           })
        });
    </script>
<body>
   <span id="commercial_upload" class="uploadbutton"></span>
</body>

样式如下

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

同样的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的处理代码完全不同于以上两种方式,并且使用起来很灵活。由于篇幅限制,本篇我不向大家介绍这种方式,有兴趣的可以参考 图片上传——html5+PHP实现无刷新上传 这篇文章。

如有什么问题,欢迎大家在下面留言共同讨论,共同提高。

上一篇:没有了

下一篇:图片上传——html5+PHP实现无刷新上传

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

使用 PHP MySQLi 函数获取最后插入的 ID

发布时间:2023/05/09 浏览次数:85 分类:MySQL

本篇文章简要介绍了 PHP mysqli() 函数并演示了如何使用它从 MySQL 数据库中获取最后插入的 ID。它是一个名为 mysqli 的 MySQL 驱动程序扩展版本,

在 Django 中上传媒体文件

发布时间:2023/05/04 浏览次数:198 分类:Python

在本文中,我们简要介绍了媒体文件以及如何在 Django 项目中操作媒体文件。

在 PHP 中使用 MongoDB 作为文件存储

发布时间:2023/04/20 浏览次数:133 分类:MongoDB

在为大文件创建可扩展存储方面,MongoDB 及其 GridFS(使用 MongoDB 查询语言 - MQL 编写)是市场上最好的文件存储解决方案之一。 在本教程中,您将学习如何在 PHP 中使用 MongoDB 作为文件存储。

使用 Docker 网络主机命令

发布时间:2023/04/18 浏览次数:112 分类:Docker

在本文中,我们将学习如何使用 --network 命令将容器添加到主机网络。 如果我们不使用此命令指定网络,我们还将了解如何将容器添加到默认网络。

在 Docker Compose 中添加网络模式

发布时间:2023/04/17 浏览次数:90 分类:Docker

默认情况下,单个网络由 Docker Compose 在我们的应用程序中创建,并将每个容器作为服务添加到那里。 网络上的每个容器都可以被单个网络上的容器访问和找到。

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

在 Angular 中上传图片

发布时间:2023/04/14 浏览次数:168 分类:Angular

本教程演示了如何在 Angular 中上传图片。图像是任何 Web 应用程序的基本组成部分,每个网站都有图像。在本教程中,我们将学习如何以不同的方式在 Angular 中上传图像。

如何在 PHP 中获取时间差的分钟数

发布时间:2023/03/29 浏览次数:183 分类:PHP

本文介绍了如何在 PHP 中获取时间差的分钟数,包括 date_diff()函数和数学公式。它包括 date_diff()函数和数学公式。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便