广告
返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >PHP如何实现多张图片上传功能
  • 569
分享到

PHP如何实现多张图片上传功能

2023-07-02 08:07:16 569人浏览 安东尼
摘要

这篇文章主要介绍“PHP如何实现多张图片上传功能”,在日常操作中,相信很多人在php如何实现多张图片上传功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP如何实现多张图片上传功能”的疑惑有所帮助!接下来

这篇文章主要介绍“PHP如何实现多张图片上传功能”,在日常操作中,相信很多人在php如何实现多张图片上传功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP如何实现多张图片上传功能”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

首先要知道这个函数

move_uploaded_file();

PHP如何实现多张图片上传功能

接下来是我们的input框,和我们的html页面

这里我们是增加的input框我们也可以写写一个属性    multiple="multiple"   这样就可以ctrl多选图片了

<html><head><title>多个文件上传表单</title></head><body><style>    fORM{        margin: 20px;        padding: 10px;    }     #picInput>input{        display: block;        margin: 10px;    }</style><form action="pic.php" method="post" enctype="multipart/form-data">    <input type="hidden" name="MAX_FILE_SIZE" value="1000000">    <div id="picInput">        上传图片:<input type="file" name='myfile[]'>    </div>    <input id="addBtn" type="button" onclick="addPic1()" value="继续添加图片"><br/><br/>    <input type="submit" value="上传文件"></form> <script>     function addPic1(){        var addBtn =  document.getElementById('addBtn');        var input = document.createElement("input");        input.type = 'file';        input.name = 'myfile[]';        var picInut = document.getElementById('picInput');        picInut.appendChild(input);        if(picInut.children.length == 3){            addBtn.disabled = 'disabled';        }    }</script></body></html>

PHP向后台插入图片方法和之前不一样了。

<meta charset="UTF-8"><?php$dbhost = 'localhost:3306';  // mysql服务器主机地址$dbuser = 'root';            // Mysql用户名$dbpass = 'root';          // mysql用户名密码$conn = mysqli_connect($dbhost, $dbuser, $dbpass);if(! $conn ){  die('连接失败: ' . mysqli_error($conn));}// 设置编码,防止中文乱码mysqli_query($conn , "set names utf8");mysqli_select_db( $conn, 'image' );  $file = $_FILES['myfile'];  //得到传输的数据,以数组的形式$name = $file['name'];      //得到文件名称,以数组的形式$upload_path = "img/"; //上传文件的存放路径//当前位置foreach ($name as $key=>$names){//foreach将$name也就是我们所有图片的name的键值对输出,        $type = strtolower(substr($names,strrpos($names,'.')+1));//得到文件类型,并且都转化成小写    $allow_type = array('jpg','jpeg','gif','png'); //定义允许上传的类型    //把非法格式的图片去除    if (!in_array($type,$allow_type)){//检测图片后缀是否正确        unset($name[$key]);//函数,参数为name的值也就是图片的name值。    }}$str = '';//空字符串foreach ($name as $key=>$item){//获取图片的时间;    $type = strtolower(substr($item,strrpos($item,'.')+1));//得到文件类型,并且都转化成小写    if (move_uploaded_file($file['tmp_name'][$key],$upload_path.time().$name[$key])){          $str .= ','.$upload_path.time().$name[$key];//将图片拼接一个当前时间    }else{//      echo '错误';    }} //向指定id插入图片地址(虽然是插入,但是是更新字段,不要迷糊了)$uid = 1;//格式$str = substr($str,1);//最后的值给$str然后将内容插入数据库$sql = "INSERT INTO img ".        "(name) ".        "VALUES ".        "('$str')";$retval = mysqli_query( $conn, $sql );if(! $retval ){  die('无法插入数据: ' . mysqli_error($conn));}echo "数据插入成功";mysqli_close($conn);?>

插入成功之后然后读取,和之前也不一样。我们要分解字段,然后将我们的图片循环输出出来。

 <meta charset="UTF-8"><style>    .image{        width: 150px;        height: 150px;    }</style><?php$dbhost = 'localhost:3306';  // mysql服务器主机地址$dbuser = 'root';            // mysql用户名$dbpass = 'root';          // mysql用户名密码$conn = mysqli_connect($dbhost, $dbuser, $dbpass);if(! $conn ){  die('连接失败: ' . mysqli_error($conn));}// 设置编码,防止中文乱码mysqli_query($conn , "set names utf8");mysqli_select_db( $conn, 'image' );$sql = 'SELECT name FROM img';//查询数据库内容$retval = mysqli_query( $conn, $sql );if(! $retval ){    die('无法读取数据: ' . mysqli_error($conn));}$picpath = '';//声明空字符串while($row = mysqli_fetch_array($retval)){    $picpath = $row[0];//循环我们的第一个字段下面有打印,可查看。// var_dump($picpath);exit;}$picpath = explode(',',$picpath);//分解指示符,将我们一个,分为一个数组。分为一部分。//下面可打印// var_dump($picpath);exit;$acs='';//声明空字符串   for($i=0; $i<count($picpath); $i++){//将$picpath内容,也就是每个图片的路径读取出来。       $acs=$picpath[$i];//将内容赋给我们的变量空。的字符串。       echo "<img class='image' src='".$acs."'>";//在img中运行。   }mysqli_close($conn);?>

到此,关于“PHP如何实现多张图片上传功能”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: PHP如何实现多张图片上传功能

本文链接: https://www.lsjlt.com/news/340608.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • PHP如何实现多张图片上传功能
    这篇文章主要介绍“PHP如何实现多张图片上传功能”,在日常操作中,相信很多人在PHP如何实现多张图片上传功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP如何实现多张图片上传功能”的疑惑有所帮助!接下来...
    99+
    2023-07-02
  • 如何使用HTML5实现多张图片上传功能
    小编给大家分享一下如何使用HTML5实现多张图片上传功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! HTML结构: &l...
    99+
    2022-10-19
  • PHP实现多张图片上传功能的示例代码
    首先要知道这个函数 move_uploaded_file(); 接下来是我们的input框,和我们的html页面 这里我们是增加的input框我们也可以写写一个属性  &...
    99+
    2022-11-13
  • 使用Html5怎么实现单张、多张图片上传功能
    这篇文章主要介绍了使用Html5怎么实现单张、多张图片上传功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。前言今天我们聊一聊图片上传,单张Or多张 ,如今,各大图片上传插件...
    99+
    2023-06-09
  • angularjs怎么实现多张图片上传并预览功能
    这篇文章主要介绍angularjs怎么实现多张图片上传并预览功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体内容如下directive.js    angu...
    99+
    2022-10-19
  • PHP中怎么上传多张图片
    这篇文章将为大家详细讲解有关PHP中怎么上传多张图片,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。基本实现算法是使用数组的形式,把所有的图片提交个一个数组,对数组的元素进行一个个的处理。PH...
    99+
    2023-06-17
  • jquery如何实现多次上传同一张图片
    这篇文章将为大家详细讲解有关jquery如何实现多次上传同一张图片,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下$('input[type=file]&#...
    99+
    2022-10-19
  • element-ui如何实现上传一张图片后隐藏上传按钮功能
    这篇文章给大家分享的是有关element-ui如何实现上传一张图片后隐藏上传按钮功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。element-ui上传一张图片后隐藏上传按钮 ...
    99+
    2022-10-19
  • Vant Uploader实现上传一张或多张图片组件
    本文实例为大家分享了Vant Uploader实现上传一张或多张图片组件,供大家参考,具体内容如下 html部分 <template> <div class...
    99+
    2022-11-12
  • PHP怎么实现上传图片功能
    本篇内容主要讲解“PHP怎么实现上传图片功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP怎么实现上传图片功能”吧!首先我们在form表单加上上传附件#file,上传按钮#imgbut,记...
    99+
    2023-06-04
  • WebUploader如何实现图片上传功能
    本篇内容介绍了“WebUploader如何实现图片上传功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!描述:springmvc 在jsp页...
    99+
    2023-06-14
  • Golang如何实现图片上传功能
    今天小编给大家分享一下Golang如何实现图片上传功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1.前端代码html代码...
    99+
    2023-06-30
  • VUE如何实现上传图片功能
    这篇“VUE如何实现上传图片功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“VUE如何实现上传图片功能”文章吧。首先要创建...
    99+
    2023-07-04
  • Django实现上传图片功能
    本文实例为大家分享了Django实现上传图片的具体代码,供大家参考,具体内容如下 1.设置存放上传的图片的文件夹 settings.py MEDIA_ROOT = os.path...
    99+
    2022-11-12
  • Android实现图片上传功能
    最近在开发中,涉及到用户的意见反馈功能这一方面的开发,需要用户输入的文字或者提交的图片,效果大概类似于微信朋友圈那样的图片选择器,一开始自己找了个用universal-imag...
    99+
    2022-06-06
    图片上传 图片 Android
  • WebUploader实现图片上传功能
    本文实例为大家分享了WebUploader实现图片上传的具体代码,供大家参考,具体内容如下 描述:springmvc 在jsp页面实现 WebUploader插件上传图片, 上传到 ...
    99+
    2022-11-11
  • js实现上传图片功能
    前端上传图片的原理是:运用input type=“file”的标签获取图片,再使用FileReader这个对象 new 一个实例,通过这个对象的readAsDataURL()方法读取...
    99+
    2022-11-12
  • Android实现上传图片功能
    本文实例为大家分享了Android实现上传图片功能的具体代码,供大家参考,具体内容如下 设定拍照返回的图片路径 protected void image(String...
    99+
    2022-11-12
  • Android中Okhttp3如何实现上传多张图片同时传递参数
    这篇文章给大家分享的是有关Android中Okhttp3如何实现上传多张图片同时传递参数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。最近做项目,打算换个方法上传图片。Andro...
    99+
    2022-10-19
  • angular2+nodejs如何实现图片上传功能
    这篇文章主要介绍angular2+nodejs如何实现图片上传功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在使用angular2进行图片上传的时候,遇到了各种各样的问题。在多番...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作