简体   繁体   English

PHP-如何以3种输入形式上传3张图片,以一种形式生成PHP

[英]PHP - how to upload 3 images with 3 inputs in one form php

I'm trying to upload 3 images to my server 我正在尝试将3张图片上传到我的服务器
I have 3 file inputs in the same form. 我有3个文件输入形式相同。
so far, I receive the following parameters through post (3 images) 到目前为止,我通过发布收到以下参数(3张图片)

$license_img, $car_pic, $driver_pic


And here I try to upload thouse images to server. 在这里,我尝试将thouse图片上传到服务器。

       if($license_img!= '') {
        $license_decoded = base64_decode($license_img);
        $license_pic_path = '....images/licenses/'.$email.'.jpg';
        file_put_contents($license_pic_path, $license_decoded);
    }

    if($driver_pic != '') {
        $driver_decoded = base64_decode($driver_pic);
        $driver_pic_path ='....images/profiles/'.$email.'.jpg';
        file_put_contents($driver_pic_path, $driver_decoded);
    }

    if($car_pic != '') {
        $car_decoded = base64_decode($car_pic);
        $car_pic_path = '....images/cars/'.$email.'.jpg';
        file_put_contents($car_pic_path, $car_decoded);
    }

In another script I upload one picture with file_put_content and it works just fine... 在另一个脚本中,我上传了一张带有file_put_content的图片,并且效果很好...

How is the right way to upload multiple images with one form? 如何以一种形式上传多张图像的正确方法?

Update 更新

<script>
                        function getPicture(img) {
                            var file = document.getElementById(img);
                            file.click(); // open file
                        }

                        function onImgSelected(event) {
                            var pieces = event.target.value.split("\\\");
                            var filename = pieces[pieces.length-1];
                            if(event.target.id == "driver_img") {
                                document.getElementById("path_driver_img").value = filename;
                            } else if(event.target.id == "car_img"){
                                document.getElementById("path_car_img").value = filename;
                            } else {
                                document.getElementById("path_licenta_img").value = filename;
                            }
                        }
                    </script>

                    <!-- accept="jpeg,jpg,png,bmp" -->

                    <input type="file" style="display: none" accept="jpeg,jpg,png,bmp" name="driver_img" id="driver_img" onChange="onImgSelected(event)" />
                    <input type="file" style="display: none" accept="jpeg,jpg,png,bmp" name="car_img" id="car_img" onChange="onImgSelected(event)" />
                    <input type="file" style="display: none" accept="jpeg,jpg,png,bmp" name="license_img" id="license_img" onChange="onImgSelected(event)" />

                    <div class="form-group col-xs-12 space-bottom">
                        <label class="control-label">Driver Picture</label>
                        <div class="input-group">
                            <input type="text" class="form-control" id="path_driver_img" readonly>
                            <span class="input-group-btn">
                                <button class="btn btn-default" onClick="getPicture(\'driver_img\')" type="button">Up</button>
                            </span>
                        </div>
                    </div>

                    <div class="form-group col-xs-12 space-bottom">
                        <label class="control-label">Car Picture</label>
                        <div class="input-group">
                            <input type="text" class="form-control" id="path_car_img" readonly>
                            <span class="input-group-btn">
                                <button class="btn btn-default" onClick="getPicture(\'car_img\')" type="button">Up</button>
                            </span>
                        </div>
                    </div>
                    <div class="form-group col-xs-12 space-bottom">
                        <label class="control-label">Taxi License Image <font color="red">*</font></label>
                        <div class="input-group">
                            <input type="text" class="form-control" id="path_licenta_img" readonly>
                            <span class="input-group-btn">
                                <button class="btn btn-default" onClick="getPicture(\'license_img\')" type="button">Up</button>
                            </span>
                        </div>
                    </div>

                </div>
                <div class="col-xs-12"><br>
                    <div class="col-xs-12" align="center"> <input type="submit" value="Submit" class="btn btn-success btn-md"></div>
                </div>

This is a very simple script for uploading images 这是上传图像的非常简单的脚本

<form action="" method="post" enctype="multipart/form-data">
    <input type="file" name="file01" /><br />
    <input type="file" name="file02" /><br />
    <input type="file" name="file03" /><br />
    <input type="text" name="text" /><br />
    <input type="submit" value="Upload images" />
</form>
<?php
echo '$_FILES:'."<br /><pre>";
var_dump($_FILES);
echo "</pre>";

echo '$_POST:'."<br /><pre>";
var_dump($_POST);
echo "</pre>";

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM