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);
}