本文实例为大家分享了射流研究…带进度条上传多视频的具体代码，供大家参考，具体内容如下

效果：

引用：

链接rel='样式表href=' bootstrap。CSS ' rel='外部无跟随'脚本src=' http : jquery。文件上传。js /脚本脚本src=' http :http://malsup。github。com/jquery。形式。js '/脚本html :

div class='form-group '标签产品视频：/label div class='videoUpfile '输入类型=“文件”文件名=' avatar video ' class=' avatar video ' a class=' BTN delete avatar video ' href=' JavaScript :rel='外部nofollow' rel='外部' nofollow '删除/a div class='视频资料' div class='进度' div class='进度条进度条-成功进度条-分条'角色='进度条' aria-value now=' 45 ' aria-value min=' 0 ' aria-value max=' 100 ' style=' width 3360 0 0% ' span class=' Sr-only ' 0% Complete/span/div/div class=' files '/div class=' showimg '/div输入类型='隐藏'值name=' rel='外部' nofollow ' rel='外部' nofollow '删除/a div class='视频资料' div class='进度' div class='进度条进度条-成功进度条-分条'角色='进度条' aria-value now=' 45 ' aria-value min=' 0 ' aria-value max=' 100 ' style=' width 3360 0 0% ' span class=' Sr-only ' 0% Complete/span/div/div class=' files '/div class=' showimg '/div输入类型='隐藏'值='名称='

//上传视频$('.avatarVideo ').change(function(){ var _ this=$(this)；_这个。换行(' form class=' file uploadevideo ' action='/admin/uploadimg/addVideo ' method=' post ' enctype=' multipart/form-data '/form ')；_this.parents(' .文件上传视频').ajaxSubmit({ dataType: 'json '，beforeSend:函数(){ $(')。进步")。show()；}，uploadProgress:函数（事件、位置、总计、百分比完成){ var percentVal=percent complete " % "；_this.parents(' .视频文件').查找('。进度条')。宽度（百分比完成"%");_this.parents(' .视频文件').查找('。进度条')。html(PercentVal)；_this.parents(' .视频文件').查找('。仅sr ).html(完成百分比“%”；}，成功：函数（数据){ if(数据。代码==100){ _ this。父母.视频文件').查找('。文件')。html(")文件名： '数据。video _ title)；_this.parents(' .视频文件').find('input[type=hidden]).val(数据。video _ id)；警报('上传成功！');}else{ alert('上传失败');} }，error: function () { alert('上传失败');} });以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。