Opencart 自带的上传商品图片的 JQuery 插件做的相册管理器确实很方便,相比 Echsop 等更加友好的上传商品相册,但是有一个问题,就是如果商品图片很多的时候,你需要上传一个商品图片到相册管理器中后,要到相册管理器中选择你刚才上传的图片,由于相册管理器中图片很多的时候,无论是图片的目录还是图片加载的会很慢,等加载中或者加载完再去找到刚才上传的图片就会消耗一点时间,就如下图所示:

Opencart商品相册管

在网上搜索了批量上传的插件,但是还是基于这个相册管理器的批量上传,不能解决打开相册管理器加载速度慢选择图片的问题,于是我就自己做了个批量上传的插件,将Plupload 集成到 Opencart 中,同时做了和商品关联,这样,在添加商品时,只要批量上传图片成功以后,保存商品,就可以自动将商品图片关联到该商品,不需要再使用到 Opencart 的原来的相册管理器了。

但是这里要定义一下上传图片的规则,上传图片的命名规则:上传目录*商品的型号*图片文件名,比如 test_abc_asdfads.jpg 该图片会上传到 image/data/test 目录 中,对应为商品型号为 abc(也就是添加商品需要必填的* Model:)的商品相册图片,当然你可以修改我的插件,用 SKU 代替商品型号。效果如下

Opencart 商品图片批量上传插

具体实现代码可以查看插件,也可以根据自己需求修改该插件:

https://github.com/yuansir/opencart-multi-upload-images

转载请注明: 转载自Ryan 是菜鸟 | LNMP 技术栈笔记

如果觉得本篇文章对您十分有益,何不 打赏一下

谢谢打赏

本文链接地址: 利用 Plupload 实现 Opencart 商品图片批量上传插件

知识共享许可协议 本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可