Hola estoy atorado en una aplicación que estoy haciendo. tengo este código que es para subir una imagen a una carpeta de mi servidor pero a la hora que le doy subir no me sube la imagen solo me muestra el previem algun consejo? algun consejo o ayuda que me pudiera dar o correcion de mi codigo, esto lo quiero implementar un registro a mi pagina pero quiero subir la imagen en el formulario
**INDEX*
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script>
$(document).ready(function() {
$(".upload").on('click', function() {
var formData = new FormData();
var files = $('#image')[0].files[0];
formData.append('file',files);
$.ajax({
url: 'upload.php',
type: 'post',
data: formData,
contentType: false,
processData: false,
success: function(response) {
if (response != 0) {
$(".card-img-top").attr("src", response);
} else {
alert('Formato de imagen incorrecto.');
}
}
});
return false;
});
});
</script>
</head>
<body>
<div class="container">
<h2 class="lead"></h2>
<form method="post" action="#" enctype="multipart/form-data">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="images/default-avatar.png">
<div class="card-body">
<h5 class="card-title">Sube una foto</h5>
<div class="form-group">
<input type="file" class="form-control-file" name="image" id="image">
</div>
<input type="button" class="btn btn-primary upload" value="Subir">
</div>
</div>
</form>
</div>
</div>
<
</body>
</html>
En esta parte tengo el php que recibe los datos para poder almacenarlos
<?php
if (is_array($_FILES) && count($_FILES) > 0) {
if (($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/png")
|| ($_FILES["file"]["type"] == "image/gif")) {
if (move_uploaded_file($_FILES["file"]["tmp_name"], "images/".$_FILES['file']['name'])) {
//more code here...
echo "images/".$_FILES['file']['name'];
} else {
echo 0;
}
} else {
echo 0;
}
} else {
echo 0;
}
seria de mucha ayuda que me pudieran asesorar en esto
images
existe? 2.- ¿Qué permisos tiene dicha carpeta? 3.- ¿Cuánto pesan las imágenes? 4.- ¿Cuál es el valor de las variablesupload_max_filesize
ypost_max_size
?