fileupload上传文件显示进度

话不多说，直接上js代码

$.ajax({
            type: "POST",
            url: "/apply/table2/upload",
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            dataType: "json",
            success: function (result) {
                console.log(result)
                if(result.code==0){
                    $("#state"+ID).show()
                    $("#upLoadBtn"+ID).html("重新上传")
                    if(ID==0){
                        $("#previewPDF").show()
                        $("#previewPDF").attr("src","/pdf/web/viewer.html?file=/apply/table2/previewPDF/"+recordId)
                    }
                }
                alert(result.msg)
                // window.location.reload();  //刷新页面
                // $("#loadSeven").load(location.href+" #loadSeven>*","");
            },
            xhr: function () {
                var xhr = $.ajaxSettings.xhr();
                xhr.upload.addEventListener('progress', function (evt) {
                    var loaded = evt.loaded;
                    var total = evt.total;
                    var percent = loaded / total * 100;
                    $('#span1').text(percent.toFixed(2)+'%');
                    if(percent===100){
                        $('#span1').text('上传完成');
                    }
                }, false);
                return xhr;
            }
        })