/**
|
* web-upload 工具类（上传文件+进度条）
|
*/
|
// 开始上传文件
|
function UploadFileFn() {
|
$("#progressBarFile").html("0%").css("width", "0%");
|
var upFile = $("#upFile").get(0).files[0]; //input file标签
|
var formData = new FormData(); //创建FormData对象
|
var xhr = $.ajaxSettings.xhr(); //创建并返回XMLHttpRequest对象的回调函数(jQuery中$.ajax中的方法)
|
formData.append("file", upFile); //将上传name属性名(注意：一定要和 file元素中的name名相同)，和file元素追加到FormData对象中去
|
$.ajax({
|
type: "POST",
|
url: Feng.ctxPath + "/upload/file", // 后端服务器上传地址
|
data: formData, // formData数据
|
cache: false, // 是否缓存
|
async: true, // 是否异步执行
|
processData: false, // 是否处理发送的数据 (必须false才会避开jQuery对 formdata 的默认处理)
|
contentType: false, // 是否设置Content-Type请求头
|
xhr: function () {
|
if (OnProgRess && xhr.upload) {
|
xhr.upload.addEventListener("progress", OnProgRess, false);
|
return xhr;
|
}
|
},
|
success: function (data) {
|
Feng.success("上传成功！");
|
$("#fileName").val(data);
|
},
|
error: function (data) {
|
Feng.error('上传失败！');
|
}
|
});
|
};
|
|
// 侦查附件上传情况 ,这个方法大概0.05-0.1秒执行一次
|
function OnProgRess(event) {
|
var event = event || window.event;
|
var loaded = Math.floor(100 * (event.loaded / event.total)); //已经上传的百分比
|
$("#progressBarFile").html(loaded + "%").css("width", loaded + "%");
|
};
|
