Javascript Ajax图像上传通知

我想我已经睡着了，找不到我的错误。谢谢你的这篇短文和你的帮助

我的Javascript

$("#avatarImage").change(function() {
    $("#avatar").html('<img src="assets/images/loader.gif" alt="">');
    $.post( 'ajax/avatarUpload.php', function( data ) {
        alert(data);
    });
});

我的错误

谢谢你的帮助，我今晚失明了。

你的

$.post（）

正在向表单发布，但没有向表单提供任何数据。这导致

未定义索引：头像

，因为您的

帖子

没有在

文件

数组中包含

头像

的索引。要解决此问题，请通过构造

FormData

对象在

POST

中传递图像。此外，ajax包装器

$.post（）

不允许您设置某些选项，因此我们需要将其展开并使用

$.ajax（）

$("#avatarImage").change(function() {
    $("#avatar").html('<img src="assets/images/loader.gif" alt="">');
    var fd = new FormData()
    fd.append('avatar', $('#avatarImage')[0].files[0]);

    $.ajax({
        url: 'ajax/avatarUpload.php',
        type: 'POST',
        data: fd,
        contentType: false,
        processData: false,
        success: function(data){
            console.log(data);
        }
    });
});

$（“#虚拟图像”）.change（函数（）{
$（“#阿凡达”）.html（“”）；
var fd=new FormData（）
fd.append（'avatar'，$（'#avatarImage'）[0]。文件[0]）；
$.ajax({
url:'ajax/avatarUpload.php'，
键入：“POST”，
数据：fd，
contentType:false，
processData:false，
成功：功能（数据）{
控制台日志（数据）；
}
});
});

您的

$.post（）

正在发布到表单中，但未向该表单提供任何数据。这导致

未定义索引：头像

，因为您的

帖子

没有在

文件

数组中包含

头像

的索引。要解决此问题，请通过构造

FormData

对象在

POST

中传递图像。此外，ajax包装器

$.post（）

不允许您设置某些选项，因此我们需要将其展开并使用

$.ajax（）

$("#avatarImage").change(function() {
    $("#avatar").html('<img src="assets/images/loader.gif" alt="">');
    var fd = new FormData()
    fd.append('avatar', $('#avatarImage')[0].files[0]);

    $.ajax({
        url: 'ajax/avatarUpload.php',
        type: 'POST',
        data: fd,
        contentType: false,
        processData: false,
        success: function(data){
            console.log(data);
        }
    });
});

$（“#虚拟图像”）.change（函数（）{
$（“#阿凡达”）.html（“”）；
var fd=new FormData（）
fd.append（'avatar'，$（'#avatarImage'）[0]。文件[0]）；
$.ajax({
url:'ajax/avatarUpload.php'，
键入：“POST”，
数据：fd，
contentType:false，
processData:false，
成功：功能（数据）{
控制台日志（数据）；
}
});
});

您的

$.post（）

正在发布到表单中，但未向该表单提供任何数据。这导致

未定义索引：头像

，因为您的

帖子

没有在

文件

数组中包含

头像

的索引。要解决此问题，请通过构造

FormData

对象在

POST

中传递图像。此外，ajax包装器

$.post（）

不允许您设置某些选项，因此我们需要将其展开并使用

$.ajax（）

$("#avatarImage").change(function() {
    $("#avatar").html('<img src="assets/images/loader.gif" alt="">');
    var fd = new FormData()
    fd.append('avatar', $('#avatarImage')[0].files[0]);

    $.ajax({
        url: 'ajax/avatarUpload.php',
        type: 'POST',
        data: fd,
        contentType: false,
        processData: false,
        success: function(data){
            console.log(data);
        }
    });
});

$（“#虚拟图像”）.change（函数（）{
$（“#阿凡达”）.html（“”）；
var fd=new FormData（）
fd.append（'avatar'，$（'#avatarImage'）[0]。文件[0]）；
$.ajax({
url:'ajax/avatarUpload.php'，
键入：“POST”，
数据：fd，
contentType:false，
processData:false，
成功：功能（数据）{
控制台日志（数据）；
}
});
});

您的

$.post（）

正在发布到表单中，但未向该表单提供任何数据。这导致

未定义索引：头像

，因为您的

帖子

没有在

文件

数组中包含

头像

的索引。要解决此问题，请通过构造

FormData

对象在

POST

中传递图像。此外，ajax包装器

$.post（）

不允许您设置某些选项，因此我们需要将其展开并使用

$.ajax（）

$("#avatarImage").change(function() {
    $("#avatar").html('<img src="assets/images/loader.gif" alt="">');
    var fd = new FormData()
    fd.append('avatar', $('#avatarImage')[0].files[0]);

    $.ajax({
        url: 'ajax/avatarUpload.php',
        type: 'POST',
        data: fd,
        contentType: false,
        processData: false,
        success: function(data){
            console.log(data);
        }
    });
});

$（“#虚拟图像”）.change（函数（）{
$（“#阿凡达”）.html（“”）；
var fd=new FormData（）
fd.append（'avatar'，$（'#avatarImage'）[0]。文件[0]）；
$.ajax({
url:'ajax/avatarUpload.php'，
键入：“POST”，
数据：fd，
contentType:false，
processData:false，
成功：功能（数据）{
控制台日志（数据）；
}
});
});

很难说，但我倾向于认为是你的JS失败了。您可能还希望使用此选项来代替

$ext=pathinfo（$\u文件['avatar']['name']，pathinfo\u扩展名）$文件大小=$文件['avatar']['size']$文件名=md5（uniqid（rand（），true））$添加=“../assets/images/avatars/”$文件名。“$ext$添加=“../assets/images/avatars/”$文件名-否则，您将无法获得正确的文件扩展名。很难说，但我倾向于认为是您的JS失败了。您可能还希望使用此选项来代替
$ext=pathinfo（$\u文件['avatar']['name']，pathinfo\u扩展名）$文件大小=$文件['avatar']['size']$文件名=md5（uniqid（rand（），true））$添加=“../assets/images/avatars/”$文件名。“$ext$添加=“../assets/images/avatars/”$文件名-否则，您将无法获得正确的文件扩展名。很难说，但我倾向于认为是您的JS失败了。您可能还希望使用此选项来代替
$ext=pathinfo（$\u文件['avatar']['name']，pathinfo\u扩展名）$文件大小=$文件['avatar']['size']$文件名=md5（uniqid（rand（），true））$添加=“../assets/images/avatars/”$文件名。“$ext$添加=“../assets/images/avatars/”$文件名-否则，您将无法获得正确的文件扩展名。很难说，但我倾向于认为是您的JS失败了。您可能还希望使用此选项来代替
$ext=pathinfo（$\u文件['avatar']['name']，pathinfo\u扩展名）$文件大小=$文件['avatar']['size']$文件名=md5（uniqid（rand（），true））$添加=“../assets/images/avatars/”$文件名。“$ext$添加=“../assets/images/avatars/”$文件名-否则，您将无法获得正确的文件扩展名。仍然会得到相同的错误和这个惊人的链接avatarUpload.php？[object%20FormData]@Webice javacscript不是问题，那么，将错误报告添加到您的php脚本中，直到您发现问题，如上面评论中提到的Fred ii