我刚刚写了一个脚本来上传图片,我已经检查了很长时间,但我找不到错误的位置。整个代码执行它应该做的但是move_uploaded_file();功能没有。这是我的代码:
HTML:
<form method="post" id="img-form" enctype="multipart/form-data">
Subir imagen: <input type="file" name="file">
</form>
<div id="respuesta"></div>
JS:
$(function(){
$("input[name='file']").on("change", function(){
var formData = new FormData($("#img-form")[0]);
$.ajax({
url: "ajax/uploadimage.php",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function(data)
{
$("#respuesta").html(data);
}
});
});
});
PHP:
<?php
require '../init.php';
if (isset($_FILES["file"]))
{
$file = $_FILES["file"];
$nombre = $file["name"];
$type = $file["type"];
$ruta_provisional = $file["tmp_name"];
$size = $file["size"];
$gethandw = getimagesize($ruta_provisional);
$width = $gethandw[0];
$height = $gethandw[1];
$path = "img/users/";
if ($type != 'image/jpg' && $type != 'image/jpeg' && $type != 'image/png' && $type != 'image/gif')
{
echo "Error, el archivo no es una imagen";
}
else if ($size > 1024*1024)
{
echo "Error, el tamaño máximo permitido es un 1MB";
}
else if ($width > 400 || $height > 400)
{
echo "Error la anchura y la altura maxima permitida es 500px";
}
else if($width < 60 || $height < 60)
{
echo "Error la anchura y la altura mínima permitida es 60px";
}
else
{
$src = $path.$nombre;
move_uploaded_file($ruta_provisional, $src);
echo "<img src='$src'>";
}
}
答案(数据)输出一切正确,但图像没有上传到任何地方,我正在使用xampp进行测试
您的PHP代码似乎没问题。我发现了一些FormData实现的问题。请尝试以下代码
JS
$(function(){
$("input[name='file']").on("change", function() {
var formData = new FormData();
formData.append('file', $(this)[0].files[0]);
$.ajax({
url: "ajax/uploadimage.php",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function(data) {
$("#respuesta").html(data);
}
});
});
});
如果您仍然遇到困难,请告诉我。希望这会有所帮助。谢谢