使用 jquery 异步发送 $FILES 数据

Question

我知道用 jquery 发送 $_POST 数据非常简单，但是可以用 jquery 发送 $_FILES 数据吗？目前我正在使用 HTTPRequest，但如果可以使用 jquery，我会更喜欢它。谢谢。

function upload() {

     var fileInput = $('#file')[0];
     var data = new FormData();

     for(var i = 0; i < fileInput.files.length; ++i){data.append('file[]',fileInput.files[i]);}
     var request = new XMLHttpRequest();

     request.open('POST','upload.php',true);
     request.setRequestHeader('Cache-Control','no-cache');
     request.onreadystatechange = function() {
  if(request.readyState == 4 && request.status == 200) {

          var return_data = request.responseText;
          alert(return_data);
               if(return_data !== 'success') {
                  failed();
               }else
                if(return_data == 'success') {

                 success();
               }
            }
         }
          request.send(data);
      };

Answer 1

这是你所拥有的 jQuery 版本

function upload() {
    var fileInput = $('#file')[0];
    var data = new FormData();

    for(var i = 0; i < fileInput.files.length; ++i){
        data.append('file[]',fileInput.files[i]);
    }
    $.ajax({
        type:'POST',
        method:'POST',/* for newest version of jQuery */
        url:'upload.php',
        headers:{'Cache-Control':'no-cache'},
        data:data,
        contentType:false,
        processData:false,
        success: function(response){
            var return_data = response;
            alert(return_data);
            if(return_data !== 'success') {
                 failed();
            }
            else if(return_data == 'success') {
                success();
            }         
        }
    });
}

Answer 2

不，您需要一个表格。将文件 POST 到服务器的方法是使用 enctype="multipart/form-data" 的 FORM。您可以拥有的是发布到 iframe 的表单。