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的键值对输出,
    /*
     * 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);
?>

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

 <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);
?>
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容