У меня есть форма загрузки изображения на сервер и в базу данных. Все отлично работает.
Но теперь задача другая - загрузить из двух
<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";
}
}
?>