layui 文件上传进度条

最新推荐文章于 2025-09-11 02:24:52 发布

原创

最新推荐文章于 2025-09-11 02:24:52 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了如何在HisiPhPK框架下，利用layui框架创建视频上传的后台，并着重讲解了实现文件上传进度条的步骤。通过修改layui的upload.js源文件，增加监听操作，以及在页面中正确调用上传组件，实现了简洁的进度条功能。

使用HisiPhPK框架做一个是视频上传的后台，再需要视频上传的页面，我感觉肯定要做视频上传的进度条啊，于是就开始研究这个后台,

这个后台是使用的框架是layui，现成的组件肯定是用着最爽的，百度求真知、

互相借鉴学习下面是几个学习的方法链接，

学习的方法，不太详细的社区原创，layui 的文件上传知识

最后采取一种最简洁的做法

共分为三部分

第一修改upload.js 源文件，增加监听操作

①这里新增一个对象，这里要注意新增的里面 l.propress 中的l 和 t. 要结合上下文，选择合适的对象

 layui.each(a, function (e, a) {
                var r = new FormData;
                r.append(l.field, a), layui.each(l.data, function (e, t) {
                    t = "function" == typeof t ? t() : t, r.append(e, t)
                }), t.ajax({
                    url: l.url,
                    type: "post",
                    data: r,
                    contentType: !1,
                    processData: !