Javascript 通过ajax formData向php发送图像文件
以下是我的代码。我无法将图像文件发送到php页面。我使用的是formData,但我不清楚它的概念。如何将其发送到php页面以及如何在php页面中检索图像 JAVASCRIPT代码 update.phpJavascript 通过ajax formData向php发送图像文件,javascript,php,jquery,ajax,form-data,Javascript,Php,Jquery,Ajax,Form Data,以下是我的代码。我无法将图像文件发送到php页面。我使用的是formData,但我不清楚它的概念。如何将其发送到php页面以及如何在php页面中检索图像 JAVASCRIPT代码 update.php 试试这个: Jquery: $('#upload').on('click', function() { var file_data = $('#pic').prop('files')[0]; var form_data = new FormData();
试试这个:
Jquery:
$('#upload').on('click', function() {
var file_data = $('#pic').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
url : 'upload.php', // point to server-side PHP script
dataType : 'text', // what to expect back from the PHP script, if anything
cache : false,
contentType : false,
processData : false,
data : form_data,
type : 'post',
success : function(output){
alert(output); // display response from the PHP script, if any
}
});
$('#pic').val(''); /* Clear the file container */
});
Php:
它适合我。试试这个:
Jquery:
$('#upload').on('click', function() {
var file_data = $('#pic').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
url : 'upload.php', // point to server-side PHP script
dataType : 'text', // what to expect back from the PHP script, if anything
cache : false,
contentType : false,
processData : false,
data : form_data,
type : 'post',
success : function(output){
alert(output); // display response from the PHP script, if any
}
});
$('#pic').val(''); /* Clear the file container */
});
Php:
这对我很有用。你通过控制台得到了什么错误??你通过控制台得到了什么错误的可能重复??可能的重复
$('#upload').on('click', function() {
var file_data = $('#pic').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
url : 'upload.php', // point to server-side PHP script
dataType : 'text', // what to expect back from the PHP script, if anything
cache : false,
contentType : false,
processData : false,
data : form_data,
type : 'post',
success : function(output){
alert(output); // display response from the PHP script, if any
}
});
$('#pic').val(''); /* Clear the file container */
});
<?php
if ( $_FILES['file']['error'] > 0 ){
echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else {
if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']))
{
echo "File Uploaded Successfully";
}
}
?>