通過ajax上傳圖像時遇到問題

Question

抱歉，標題不夠描述！

這個想法是要有一個div彈出框，並允許用戶輸入他們的反饋並可能提交屏幕截圖。

這是頁面內的javascript（通過ajax調用到div中）。

Java腳本

$("#submitFeedback").click(function(){
  //Check if the form is valid
  if($("#form").valid()){
    $("#form").hide(); //Hide the form
    $("#feedbackReport").append("<h2 style='color:white'>Submitting!</h2><hr />" +
      "<div style='text-align: center'><img src='images/loader.gif' /></div>");//Display loading spinner
    $.ajax({  
      type: "POST",  
      url: "ajax/submit_feedback.php",
      cache: false,
      data: $("#form").serialize(),//serialize form for submission
      success: function(data) {
        $("#feedbackReport").empty();//Clear form after submission
        $("#feedbackReport").append("<h2>Thank you!</h2><span id='close'>&#10006;</span><hr />"
          +"Your feedback has been submitted successfully!"
          +"<br /><br /><span id='cancel'>Close</span>");
        $("#cancel,#close").click(function(){
          $("#feedbackReport").parent().hide();
        });
      }
    });
    return false;//Prevent page from changing
  }
});

現在，如果將我的瀏覽器指向實際的ajax頁面（ajax / feedback.php）並提交圖像，則可以正常工作！ 當我從index.php運行它並通過ajax調用反饋窗口時，它不會提交我的圖片，僅提交文本。

我知道我的Submit_feedback.php頁面可以正常運行，因此，我根本不知道為什么它無法正確發布圖像。

任何提示或幫助將不勝感激！

Answer 1

Ajax無法上傳文件。 您必須使用其他內容，例如https://github.com/valums/file-uploader

Answer 2

Ajax不允許上傳文件，但是一個巧妙的竅門是使用保存文件上傳表單的iframe，並在選擇文件后自動提交。

這樣，只有iframe會被重定向，並給人以ajax的感覺。

在這里閱讀更多