Javascript 通过POST方法使用PHP和AJAX处理多部分/表单数据的问题

我用PHP制作了一个表单，在数据库中插入表单中的图像。表单可以工作，我的Ajax请求也可以工作。问题是，当我想在“../uploads”存储库中插入我的图像时，我必须使用$\u FILES方法，而当我的ajax请求不再有效时。。。我不明白，我创建了另一个表单只是为了测试我在repositroy中插入图像的php代码是否正确。 我做了研究，我认为它可以链接到ajax中的多部分/表单数据。我对ajax了解不多，真的。 有人能帮我吗？ 这是我的密码：

表格：

<form action="traitement.php" method="post" enctype="multipart/form-data" id="form_img">
   Choose a file<input type="file" name="fileToUpload" id="fileToUpload">
   <button type="submit" name="submit_btn" id="submit_btn">OKK</button>
</form>

我的ajax请求：

$("#form_img").submit(function(e){
            e.preventDefault();
    
            $.post(
                'traitement.php', 
                {
                    fileToUpload : $("#fileToUpload").val()                    },
    
                function(data){
                    if(data == 'Success'){
                     $("#text_ajt").removeClass('text-warning').addClass('text-success').html("cool");
                    }
                    if(data == 'Failed'){
                        $("#text_ajt").addClass('text-danger').html("respect the format");
                    }
                    if(data == 'Miss'){
                        $("#text_ajt").addClass('text-warning').html("miss something");
                    }
                },
                'text'
            );
        });

这里不需要Ajax。 只需使用target将表单发送到隐藏的iframe，并为iframe编写加载事件

像这样的事情：

HTML:

这里不需要Ajax。 只需使用target将表单发送到隐藏的iframe，并为iframe编写加载事件

像这样的事情：

HTML:

---

您想要用ajax在php中插入图像吗？您想要用ajax在php中插入图像吗？您好，谢谢您的回答。我试过你做的，但没用。。。我想我不理解AJAX请求的工作方式。我注意到，当我在php中的“if”条件中只有其他东西的“Success”回音时，它就工作了。但是当我添加一些php代码时，它就不再工作了。。。它是否链接到接收到的数据？我写了“文本”，但我不知道是不是这样你好，谢谢你的回答。我试过你做的，但没用。。。我想我不理解AJAX请求的工作方式。我注意到，当我在php中的“if”条件中只有其他东西的“Success”回音时，它就工作了。但是当我添加一些php代码时，它就不再工作了。。。它是否链接到接收到的数据？我写了“文本”，但我不知道是不是这样

$("#form_img").submit(function(e){
            e.preventDefault();
    
            $.post(
                'traitement.php', 
                {
                    fileToUpload : $("#fileToUpload").val()                    },
    
                function(data){
                    if(data == 'Success'){
                     $("#text_ajt").removeClass('text-warning').addClass('text-success').html("cool");
                    }
                    if(data == 'Failed'){
                        $("#text_ajt").addClass('text-danger').html("respect the format");
                    }
                    if(data == 'Miss'){
                        $("#text_ajt").addClass('text-warning').html("miss something");
                    }
                },
                'text'
            );
        });

<form action="traitement.php" method="post" enctype="multipart/form-data" target="file_upload_frame" id="form_img">
   Choose a file<input type="file" name="fileToUpload" id="fileToUpload">
   <button type="submit" name="submit_btn" id="submit_btn">OKK</button>
</form>

<iframe id="file_upload_frame" name="file_upload_frame" frameborder="0" style="display: none"></iframe>

$('#file_upload_frame').on("load", function () {
    var response = $(this).contents().find('body').html()
           
    alert(response );
});