如何使用AJAX发布完整表格？

Question

如何使用一个AJAX上传图像和所有元素？ 我将上传图像并将文件名发送到数据库。...所有元素都工作正常，但是图像行中没有任何值。

这是我的AJAX代码：

  $(document).ready(function() {
     $("#FormSubmit").click(function (e) {

        e.preventDefault();

        if($("#contentText").val()==="")
        {
            alert("Please enter some text!");
            return false;
        }

        var myData = $("#postA").serialize(); 

        jQuery.ajax({
            type: "POST", 
            url: "response.php", 
            data:myData,
            success:function(response){
            $(response).hide().prependTo("#responds").fadeIn("slow");
            document.getElementById("postA").reset(); 
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }
        });
    });

这是我的表单代码：

  <form id="postA">
    <textarea name="content_txt" id="contentText" ></textarea>
    <input type="text" name="id_userto" />
    <input type="text" name="thpost" />
    <input type="file" name="thpostimg" />
    <input type="text" name="thpostvid" />
    <input type="text" name="thpostmsc" />
    <input type="text" name="thpostlic" />
    <input type="hidden" name="content4txt" value="TRUE" />
    <button id="FormSubmit">Share</button>
  </form>

Answer 1

简短的回答：不能。

您不能使用ajax发布文件如何异步上传文件？

但是它可以被伪造。 对此问题的可接受答案可以帮助jQuery Ajax提交具有multipart / form-data（图像/视频）的表单元素