Задать вопрос

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

У меня есть форма загрузки изображения на сервер и в базу данных. Все отлично работает.
Но теперь задача другая - загрузить из двух <input type="file"> два разных изображения на сервер и в базу данных.

Кто подскажет как это сделать?

Сам код:

<form id="sendstories" enctype="multipart/form-data" >
 <input id="uploadPicture" type="file" name="image" class="imgpicture" />
 <input id="uploadCover" type="file" name="imagecover" class="imgcover" />
 <input type="submit" class="button_send_stories" value="Next" name="upload"> 
</form>


<script>
    $(function() {
        $('#sendstories').on('submit', function(e){
            e.preventDefault()
            var form = $(this); 
            var data = new FormData();
            form.find(':input[name]').not('[type="file"]').each(function() { 
                var field = $(this);
                data.append(field.attr('name'), field.val());
            });
            var filesField = form.find('input[type="file"]');
            var fileName = filesField.attr('name');
            var file = filesField.prop('files')[0];
            data.append(fileName, file) ;
            var url = 'include/addstory.php';
            $.ajax({
                url: url,
                type: 'POST',
                data: data,
                contentType: false,
                cache: false, 
                processData:false, 
                success: function(response) {
                    console.log(response)
                }           
            });  
        })          
    });
</script>


<?php
  $db = mysqli_connect("data", "data", "data", "data");
  $msg = "";
  if (isset($_POST['upload'])) {
  	$image = $_FILES['image']['name'];
  	$email = $_POST['email'];
  	$covername = $_POST['covername'];
  	$target = "../img/".basename($image);
  	$sql = "INSERT INTO Stories (image, email, name) VALUES ('$image', '$email', '$covername')";
    mysqli_query($db, $sql); 
    if (move_uploaded_file($_FILES['image']['tmp_name'], $target)) {
  		$msg = "Image uploaded successfully";
  	}else{
  		$msg = "Failed to upload image";
  	}
  }
?>
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы