html5 ajax 文件上传

http://html5demos.com/dnd-upload

看这个例子看了一会儿...这个是支持拖拽的上传。

下面代码是一个简单的ajax的文件上传：

 function match(url,rs)
 {
     var formData = new FormData();
     var room_type = $("#room_type option:selected").val();
     //文件，注意这里得有个 .get(0)
     var file = $("#fileInput").get(0).files[0];
     if( room_type == "" || file == null )
     {
         alert("请填写完善信息");
         return;
     }    

     formData.append('room_type',room_type);
     formData.append('file',file);

     var xhr = new XMLHttpRequest();
     xhr.open('POST', url);
     xhr.onload = function() {
         $(rs).html("上传完成"+ this.response);
     };

     xhr.upload.onprogress = function (event) {
         $(rs).html("正在上传中...");
     }

     xhr.send(formData);
 }