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 How can I upload files asynchronously?

发布文件

但它可以伪造。这个问题的接受答案可能会有所帮助jQuery Ajax Submit form elements with multipart/form-data (Image/Video)

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

1 个答案: