html5多图上传-PHP上传多张图片

2023-09-05 0 6,534 百度已收录

来源:blog.csdn.net/weixin_44944193/article/details/94595494

首先要了解这个功能

move_uploaded_file();

html5多图上传-PHP上传多张图片

接下来是我们的输入框和我们的html页面

这里我们降低输入框。 我们还可以写一个属性multiple="multiple",这样我们就可以使用ctrl来选择多张图片。

html5多图上传-PHP上传多张图片

<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 将图像插入背景的方式与以前不同。

html5多图上传-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的键值对输出,    /*     * strtolower()将内容转为小写,     * substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。这个是获取我们name的最后一的路径。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符     *     *     */    $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);?>

插入成功后html5多图上传,读数会与之前不同。 我们将分解数组html5多图上传,然后循环遍历我们的图像。

 <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 ".$acs."'>";//在img中运行。   }mysqli_close($conn);?>

如果有错误,请多多包涵。

PS:没有你们的关注,我所做的一切都将毫无意义! 欢迎点赞、观看。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html5 html5多图上传-PHP上传多张图片 https://www.wkzy.net/game/193643.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务