檔案上傳適用于 ajax 和 php，但不回傳回應！在upload.php頁面中顯示：
上傳成功！
html:
<form action="upload.php" method="post" enctype="multipart/form-data" id="form">
<div style="padding: 15px;">
<input type="file" name="file" id="file">
</div>
<div style="padding: 15px">
<input type="submit" value="Upload" id="upload">
</div>
</form>
阿賈克斯：
$(document).ready(function () {
$('#form').on('submit', function (e) {
e.preventDefault();
$.ajax({
url: "upload.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
success: function (response) {
alert(response);
}
})
})
})
php:
if (isset($_FILES['file'])) {
$file_destination = "uploads/IMG-" . date("Y-m-d") . time() . ".jpg";
if (move_uploaded_file($_FILES['file']['tmp_name'], $file_destination)) {
echo "uploaded succesfully!";
}
}
uj5u.com熱心網友回復：
客戶端存在問題使用此html和java腳本代碼希望您的問題將得到解決
<form action="#" enctype="multipart/form-data" id="form">
<div style="padding: 15px;">
<input type="file" name="file" id="file">
</div>
<div style="padding: 15px">
<button value="Upload" id="upload">Submit</button>
</div>
</form>
js部分
$(document).ready(function () {
$('#upload').on('click', function (e) {
e.preventDefault();
var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
$.ajax({
url: "upload.php",
type: "POST",
data: formData,
contentType: false,
// cache: false,
processData: false,
success: function (response) {
alert(response);
}
});
}); });
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/416997.html
標籤：
上一篇：MySQL如何逆向哪里？