Javascript 使用jquery异步发送$\文件数据

我知道用jquery发送$\u POST数据非常简单，但用jquery发送$\u文件数据是否可行。目前我使用的是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);
      };

函数上传（）{
var fileInput=$（'#file'）[0]；
var data=new FormData（）；
对于（var i=0；i

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

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

函数上传（）{
var fileInput=$（'#file'）[0]；
var data=new FormData（）；
对于（变量i=0；i

不，您需要FORMCheck out。在现代浏览器（阅读：非IE<10）中，您可以使用来上载文件。请看：谢谢大家的评论。看来我会坚持我所拥有的。只是觉得在现代浏览器中值得一看，你可以使用！：-）