通过jquery将文件输入发送到php

亲爱的程序员和救援人员

我的注册页面有问题。我使用jquery将所有表单信息发送到我的PHP文件。现在我想添加一个功能，人们也可以上传他们的个人资料图片。但是，当我添加它时，它将不起作用

这是我当前的代码：

<script>
  $(function () {
    $('button').bind('click', function (event) {

    event.preventDefault();

      $.ajax({
        type: 'POST',
        url: '../includes/register.inc.php',
        data: $('form').serialize(),
        success: function(data){
         document.getElementById("notification").innerHTML = (data);
        }
      });
    });
  });
</script>

但是我的PHP代码给出了一个错误，即没有定义索引

user\u image

。如何使用jquery代码将文件上传到PHP文件

谢谢你帮助我

亲切问候,，

---

Serge

不久前，我做了类似的事情，并使用Base64制作图像

以下是一些有助于解决这一问题的链接：

我希望这有帮助

拉蒙编辑（我的解决方案）：

在使用谷歌搜索了一段时间后，我找到了我的解决方案。这是我现在使用的代码：

<script>
  $(document).on("click", "#registreer", function (e) {
    e.preventDefault();

    var formData = $("#signupform").submit(function (e) {
        return;
    });

    var formData = new FormData(formData[0]);
    $.ajax({
        url: '../includes/register.inc.php',
        type: 'POST',
        data: formData,
        success: function (data) {
            document.getElementById("notification").innerHTML = (data);
        },
        contentType: false,
        processData: false,
        cache: false
    });
    return false;
});
</script>

$（文档）。在“单击”上，函数（e）{
e、 预防默认值（）；
var formData=$（“#注册表单”）.submit（函数（e）{
返回；
});
var formData=新formData（formData[0]）；
$.ajax({
url:“../includes/register.inc.php”，
键入：“POST”，
数据：formData，
成功：功能（数据）{
document.getElementById（“通知”）.innerHTML=（数据）；
},
contentType:false，
processData:false，
缓存：false
});
返回false；
});

这对我有用。它现在将文件发送到我的PHP文件。无论如何，谢谢你的帮助。我一定会考虑你的建议来改进它。谢谢

<script>
  $(document).on("click", "#registreer", function (e) {
    e.preventDefault();

    var formData = $("#signupform").submit(function (e) {
        return;
    });

    var formData = new FormData(formData[0]);
    $.ajax({
        url: '../includes/register.inc.php',
        type: 'POST',
        data: formData,
        success: function (data) {
            document.getElementById("notification").innerHTML = (data);
        },
        contentType: false,
        processData: false,
        cache: false
    });
    return false;
});
</script>