jQuery上传文件,含进度条。

论坛 期权论坛 脚本     
匿名技术用户   2021-1-14 12:27   11   0
<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>

转载于:https://www.cnblogs.com/theMaxBear/p/10997748.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP