如何使用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（圖像/視頻）的表單元素