Ajax文件上传进度条

时间:2014-02-07 09:51:11

标签: javascript jquery ajax jquery-mobile

我正在使用以下代码将文件上传到服务器,

    function FileUpload(SomestringParameter) {
var files = $("#file1").get(0).files;
if (files.length > 0) {
    if (window.FormData !== undefined) {
        var data = new FormData();
        for (i = 0; i < files.length; i++) {
            data.append("file" + i, files[i]);
    }
    $.ajax({
        type: "POST",
        url: "http://localhost:50443/UploadFile/" + SomestringParameter,
        contentType: false,
        processData: false,
        data: data,
        success: function (results) {
            alert(results);
            for (i = 0; i < results.length; i++) {
                alert(results[i]);
            }
        }
    });

} 
else {
    alert("This browser doesn't support HTML5 multiple file uploads!");
}
}
}

我喜欢使用这个插件,jquery移动进度条,https://github.com/tolis-e/jQuery-Mobile-Progress-Bar-with-Percentage

如何根据上传到服务器的文件百分比显示进度条?

我正在服务器端使用web api来处理上传的文件。

0 个答案:

没有答案