<script>
$(function () {
$("input[name=file1]").change(function () {
var formData = new FormData();
formData.append("file", $("input[name=file1]")[0].files[0]);
$.ajax({
type: "post",
url: "file.php",
data: formData,
processData: false,
xhr: function () {
//获取xmlhttprequest对象或者ActiveXObject 对象，jquery中封装好的。
var xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener("progress", progressBar, false);
}
return xhr;
},
success: function () {},
error: function () {
console.log(arguments);
}
});
});
function progressBar(evt) {
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100 * loaded / tot); //已经上传的百分比
$(".sonValue").html(per + "%");
$(".sonProcess").width(per + "%");
}
})
</script>