Как загрузить два разных изображения с двумя кнопками обзора и одной кнопкой отправки - PullRequest
Новая
       2

Как загрузить два разных изображения с двумя кнопками обзора и одной кнопкой отправки

0 голосов
/ 31 мая 2018

Я хочу загрузить два изображения: одно из пользователя и второе из его идентификатора, используя одну кнопку отправки с помощью mysqli.Вот мой HTML. 

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
  your image: <input type="file" name="img"><br/>
  your Id card: <input type="file" name="img2">
  <input type="submit" name="publish" value="upload">
</form>

</body>
</html>

Все, что я знаю, это загружать одно изображение за раз, но что, если вы хотите загрузить это изображение в базу данных с помощью одной отправки.Я не пишу PHP, потому что я не знаю, как это сделать.Я могу загрузить несколько изображений одновременно, используя массив, но я хочу использовать этот метод.Можно ли сделать с PHP ??

PHP для разовой загрузки: 

<?php
$dir = "uploads/";
$t_file = $dir . basename($_FILES["img"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($t_file,PATHINFO_EXTENSION));

if(isset($_POST["upload"])) {
    $check = getimagesize($_FILES["img"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
?>

1 Ответ

0 голосов
/ 01 июня 2018

Я могу сделать это с помощью JavaScript.Всем уважаемым пользователям, пожалуйста, помогите тем, кто плохо знаком с любым языком.Или создайте этот сайт только для экспертов, а не для начинающих.

Поэтому я использую PHP для своей первой загрузки и JS для своей второй загрузки изображения.

вот js: 

<script>
function startUpload(){
document.getElementById('uploadProcess').style.visibility = 'visible';
document.getElementById('uploadForm').style.visibility = 'hidden';
return true;
}

function stopUpload(success,uploadedFile){
var result = '';
if (success == 1){
    result = '<span class="sucess-msg">The file was uploaded successfully!<\/span><br/><br/>';
    //Uploaded file preview
    var embed = document.getElementById("UploadedFile");
    var clone = embed.cloneNode(true);
    clone.setAttribute('src',uploadedFile);
    embed.parentNode.replaceChild(clone,embed);
}else {
   result = '<span class="error-msg">There was an error during file upload!<\/span><br/><br/>';
}
document.getElementById('uploadProcess').style.visibility = 'hidden';
document.getElementById('uploadForm').innerHTML = result + '<label>File:<input name="myfile" type="file" size="30" /><\/label><label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /><\/label>';
document.getElementById('uploadForm').style.visibility = 'visible';      
return true;   
}
</script>

HTML: 

<form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="startUpload();">
 <p id="uploadForm">
 Select image to upload:
 <input type="file" name="fileToUpload" id="fileToUpload">
 <input type="file" name="myfile" id="fileToUpload1">
 <input type="submit" value="submitBtn" name="submit">
 </p>
</form>

и файл upload.php: 

<?php
$success = 0;
$uploadedFile = '';

//File upload path
$uploadPath = 'uploads/';
$targetPath = $uploadPath . basename( $_FILES['myfile']['name']);

if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $targetPath)){
    $success = 1;
    $uploadedFile = $targetPath;
}

sleep(1);
?>
<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

if(isset($_POST["submit"])) {
 $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
 if($check !== false) {
    echo "File is an image - " . $check["mime"] . ".";
    $uploadOk = 1;
 } else {
    echo "File is not an image.";
    $uploadOk = 0;
 }
}


if ($uploadOk == 0) {
 echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
    echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
} else {
    echo "Sorry, there was an error uploading your file.";
}
}
?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...