如何使用jQuery或JavaScript發送/上傳文件？

Question

如何使用jquery ajax發送/上傳文件信息到php？ info是要上傳的文件。

$.ajax({ 
      type: "POST", 
      url: url, 
      data: data, /* data from input file to upload it */ 
      async: false, 
      beforeSend: function() { 
      }, 
      complete: function() { 

      },   
      cache: false, 
      success: callback, 
      error: function(error) { 
       alert("Some problems have occured. Please try again later: " + error); 
      } 
     }); 

<form id="product-form" action="javascript: product();" enctype="multipart/form-data"> 
<input type="file" name="img" /> 
<a href="#" class="link2" onclick="document.getElementById('product-form').submit()">Submit</a> 
</form> 

Answer 1

你不能用jQuery來做到這一點。您需要使用jQuery插件，如Uploadify或使用HTML 5。請注意，目前並非所有瀏覽器都支持HTML 5，所以jQuery Uploadify可能是更好的選擇。