使用 jquery / ajax / php 提交文件

Question

我的 ajax 文件提交有问题。似乎没有向接收 php 文件提交任何内容（既不是变量也不是文件）。

这是我的表格：

<form id="ProtocolForm" enctype="multipart/form-data" method="post">
   <input name="ProtocolName" type="hidden" value="sdfsdf">
   <input name="ProtocolType" type="hidden" value="Image">        
   <input name="name_major" id="name_major" type="text">
   <input name="name_minor" id="name_minor" type="text">
   <input name="creator" id="creator" type="text">
   <input name="File" class="File" id="File" type="file">
   <input id="Submit" type="submit" value="Save Protocol">
</form>

这是我的js代码：

 $(document).on( "submit", "#ProtocolForm", function( event ) {
        event.preventDefault();

        var form = $('form')[0];  
        var formData = new FormData(form)

          $.ajax({
            url: "_save_protocol.php",
            type: "POST",
            data:  formData,
            contentType: false,
            cache: false,
            processData:false,
            beforeSend : function()
            {
                alert('before send:' + $('form').serialize());
            },
            success: function(data)
            {
                if(data=='invalid')
                {
                    alert('Invalid file');
                }
                else
                {                         
                    alert('Response:' + data);                     
                }
            },
            error: function(e) 
            {
                alert('Error '+ e);

            }          
            });


    });

提交表单时，我可以看到在 beforeSend 函数中序列化的所有变量。但是，当我尝试访问 php 文件中的变量时，它们都是空白的。 $_POST 和 $_FILES 一样都是空白的。我错过了什么？任何帮助将不胜感激。谢谢！

Answer 1

解决了问题；问题不是 ajax 而是服务器端的问题。 php.ini max_post_size 未正确设置，因此服务器未正确处理 post 请求。它已修复并且现在可以正常工作。

阅读本网站上与该主题相关的其他一些问题后，我认为这是一个相当普遍的问题 - 特别是对于像我这样使用共享托管服务的用户而言。希望这对其他人有帮助。

使用 jquery / ajax / php 提交文件

Submitting file with jquery / ajax / php

php

forms

ajax

jquery

jquery-ui

http-post