layui.upload组件批量多张图片直传七牛云方案

2021-02-25 16:07 栏目:技术开发 查看(8220)

现在的前端更新换代很快,各种前端框架层出不穷,现在很多刚进入前端的开发者几乎都能了解并使用一些主流的前端框架,毕竟现在几乎所有招聘前端都要求求职者了解并能使用一两款前端框架,虽然有些用人单位。随着前端的发展,一些新的框架出现确实能够帮助我们快速进行开发,效率可以大大提高。

但依然有一些传统的框架或工具,还是有很高的使用率,比如经典前端JavaScript库jquery,现在的很多新项目依然在使用他,而已经存在的项目至少有一半以上使用过它。而layui是一款经典技术方案开发的前端ui解决方案,纵然很多追求新技术的开发人员觉得它使用的技术比较传统,但我觉得它是一款非常优秀的产品。layui在GitHub上有超过两万个星,也说明很多人使用过它且认可它。

我个人觉得任何技术是用来解决问题的工具,能解决问题的技术都是好技术,能解决问题的工具都是好工具;比如layui对于一些偏后端的开发人员,就是非常好的工具了。再者,即便现在有各种各样的新解决方案,但依然可以配合已有的解决方案来使用,比如layui也可以搭配vue来使用。

现在我们介绍的就是layui.upload组件,用于批量上传图片,这个组件使用非常简单,直接对照官方提供的参数即可,不阅读组件源代码也可以快速上手使用。

242424

而如果需要从前端直接把图片上传到七牛云等第三方云存储上面,第三方云存储一般都需要某个上传动作有一个上传凭证(token),所以在每张图片上传的时候都需要同时发送一个不同的token,而如果用layui.upload在参数中似乎并没有一个可以控制每张图片上传的时间顺序。

但仔细阅读文档可以发现,从 layui 2.2.6 开始,支持动态值。也就是每次执行上传操作,可以带上新的数据。

QQ截图20210225155924

这就不用自己再来“曲线救国”的其他方式来解决这个问题了。下面就直接贴出上传的核心代码吧。

QQ截图20210225160230

理解后其实很简单,也不用自己重复自己写各种轮子了。最后想对新人开发者说的是,技术也好、工具也好,都是为我们服务的,我们不需要一味追求新的,而是我们需要什么的东西去解决我们所需解决的问题,需要根据自己需要进行技术选型。根据不同场景、不同需求选择不同技术方案,才是最合适的。

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

转载请注明出处:layui.upload组件批量多张图片直传七牛云方案 - 微构网络
分享: