最近有群友反映 PB内容只有一个多图不够用,有些特殊情况可能要用到多组多图。
现在整理下多图字段的添加使用方法!
找到文件
apps/admin/view/default/content/extfield.html
在43行处添加
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/b7e33bba857e3fde8b3cffcbd5dcb311.jpg)
在98行处添加
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/04b1edd90eaf971861e241e0f0328bf9.jpg)
在190行处添加
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/2de667a8b428c18eb43437e78c902517.jpg)
找到文件
apps/admin/view/default/content/content.html
在310行处添加
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/73b4231574ea984cfd61177f56f2df90.jpg)
在668行处添加
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/2e9169b1dc6ea2ad611476ed33a99469.jpg)
最后把底部的拖动排序js放到页面的最前面去 不然自定义多图无法拖动排序
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/9a3cde5f21fb192d12c70c655072568d.jpg)
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/95fb8d1951826963a537a2ce1a8e6cf8.jpg)
后台修改完成,前端怎么调用呢?
由于这个早期版本,没有相应的调用标签
我们前端可以用js调用,现在PB更新出来了内容多选遍历这个标签,
这样调用就更加直接了
{pboot:checkbox id={content:id} field=ext_pimg}<img src=[checkbox:text] width=100 />{/pboot:checkbox}
JS调用具体代码如下
![PbootCMS2.X教程之添加多图上传字段类型 PbootCMS2.X教程之添加多图上传字段类型](https://www.cmstui.com/wp-content/uploads/2023/07/76f97ecc7582718fe72e1b2598efb97c.jpg)
好了自定义多图字段就完成了
© 版权声明
文章搜集于网络,如有侵权请联系本站,转载请说明出处。
THE END
暂无评论内容