집 > 기사 > 백엔드 개발 > PHP에서 다중 이미지 업로드 구현에 대해 초보자가 알아야 할 사항

PHP에서 다중 이미지 업로드 구현에 대해 초보자가 알아야 할 사항

烟雨青岚앞으로: 2020-06-15 18:04:412818검색

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를 통해 동적으로 입력 노드를 추가하고 속성을 설정하세요. 업로드된 이미지가 3개 이상인 경우 더 이상 이미지가 없습니다. 기회가 업로드됩니다.

2. 여기서 가장 중요한 것은 입력 입력 상자의 이름 값입니다. 배열 요소를 동적으로 추가하면 업로드된 모든 이미지가 배열에 동적으로 추가됩니다.

백엔드 처리 기능

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에서 다중 이미지 업로드 구현에 대해 초보자가 알아야 할 사항

관련 기사