cari

Rumah  >  Artikel  >  pembangunan bahagian belakang  >  新手应该知道的php多图片上传的实现

新手应该知道的php多图片上传的实现

烟雨青岚
烟雨青岚ke hadapan
2020-06-15 18:04:412836semak imbas

新手应该知道的php多图片上传的实现

新手应该知道的php多图片上传的实现

今天在工作中遇到了一个需求：一个表单实现多个上传图片，类似于QQ空间上传照片的模式。即：可以一次性上传多个图片，但是封面图片只有一个。

最先，最重要的事，在服务器上对文件进行读写操作的时候，一定要看权限，如果没有权限，全是虾扯蛋，为什么这样说，因为全是泪。

首先，前端页面：index.html

<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=&#39;myfile[]&#39;>
    </div>
    <input id="addBtn" type="button" οnclick="addPic1()" value="继续添加图片"><br/><br/>
    <input type="submit" value="上传文件">
</form>
<script>
    function addPic1(){
        var addBtn =  document.getElementById(&#39;addBtn&#39;);
        var input = document.createElement("input");
        input.type = &#39;file&#39;;
        input.name = &#39;myfile[]&#39;;
        var picInut = document.getElementById(&#39;picInput&#39;);
        picInut.appendChild(input);
        if(picInut.children.length == 3){
            addBtn.disabled = &#39;disabled&#39;;
        }
    }
</script>
</body>
</html>

知识点：

1.通过JS动态添加input结点和设置属性，当大于3个上传图片的时候就不再给予上传图片的机会了。

2.这里最主要的是input输入框的name值，通过动态的添加数组元素，将所有上传的图片动态添加到数组当中。

后端处理功能

Connection.php

1.读取和存储都需要用到连接数据库，所以可以把它封住一下，养成良好的习惯

<?php
//创建对象并打开连接，最后一个参数是选择的数据库名称
$mysqli = new mysqli(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;test&#39;);
//检查连接是否成功
if (mysqli_connect_errno()){
    //注意mysqli_connect_error()新特性
    die(&#39;Unable to connect!&#39;). mysqli_connect_error();
}

pic.php处理功能

<?php
require_once &#39;connection.php&#39;;
$file = $_FILES[&#39;myfile&#39;];  //得到传输的数据,以数组的形式
$name = $file[&#39;name&#39;];      //得到文件名称，以数组的形式
$upload_path = "zhouqi666.cn/test/images/"; //上传文件的存放路径
//当前位置
foreach ($name as $k=>$names){
    $type = strtolower(substr($names,strrpos($names,&#39;.&#39;)+1));//得到文件类型，并且都转化成小写
    $allow_type = array(&#39;jpg&#39;,&#39;jpeg&#39;,&#39;gif&#39;,&#39;png&#39;); //定义允许上传的类型
    //把非法格式的图片去除
    if (!in_array($type,$allow_type)){
        unset($name[$k]);
    }
}
$str = &#39;&#39;;
foreach ($name as $k=>$item){
    $type = strtolower(substr($item,strrpos($item,&#39;.&#39;)+1));//得到文件类型，并且都转化成小写
    if (move_uploaded_file($file[&#39;tmp_name&#39;][$k],$upload_path.time().$name[$k])){
        //$str .= &#39;,&#39;.$upload_path.time().$name[$k];
        echo &#39;success&#39;;
    }else{
        echo &#39;failed&#39;;
    }
}
//向指定id插入图片地址（虽然是插入，但是是更新字段，不要迷糊了）
$uid = 1;
$str = substr($str,1);
$sql = "UPDATE upload set pic = &#39;".$str."&#39; WHERE id = ".$uid;
$result = $mysqli->query($sql);

这里我有很多的判断没有写，主要是实现一下功能，比如文件夹要先建立好，你也可以自己判断，不存在就创建一个文件夹，还有一些其他判断等等。

最关键的地方是，当你不熟悉的时候，要走一步调试一步，看得到的结果是什么。

图片现实功能

<?php
require_once &#39;connection.php&#39;;
$uid = 1;
$sql = "SELECT pic FROM upload WHERE id =".$uid;
$result = $mysqli->query($sql);
//取出第一个图片的地址
$picpath = &#39;&#39;;
while ($row = $result->fetch_array()){
    $picpath = $row[0];
}
$picpath = explode(&#39;,&#39;,$picpath)[0];
echo "<img src=&#39;".$picpath."&#39;>";
?>

感谢大家的阅读，希望大家收益多多。

本文转自：https://blog.csdn.net/zmzwll1314/article/details/72673138

推荐教程：《php教程》

Atas ialah kandungan terperinci 新手应该知道的php多图片上传的实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php html .net JS input 数据库 https
Kenyataan：
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：use在php中的使用方法（代码示例）Artikel seterusnya：php实现文件上传到服务器（含代码）

Artikel berkaitan

Lihat lagi