使用jquery异步发送$ _FILES数据

时间:2013-02-26 16:10:06

标签: javascript jquery ajax xmlhttprequest

我知道用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);
      };

2 个答案:

答案 0 :(得分:2)

这是你所拥有的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();
            }         
        }
    });
}

答案 1 :(得分:1)

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