基于wordpress开发的详细页加个打包下载功能小插件

制作 2025-06-25 手机阅读 90

基于wordpress开发的，会员的权限比较简单，但是如资源每天手动传到各网盘工作量比较大，所以才想到一个不占用服务器空间，也不占网盘空间，直接利用浏览器的性能和流量来打包资源，并实现下载功能。

同时加了每批处理图片的数量、超时、图片大小限制、失败重复次数，保证弱网络也能成功下载。页面的UI也优化，除了顶部又进度条，下载到第几张图片，成功多少张，失败多少张，对小地方进行了优化。

前端页面代码需要添加一个按钮，样式可以自己写，在你的页面适合的位置把代码放进去即可；

<a href="#" class="download-images-link" onclick="downloadImages('your-container-selector', event)">下载图片</a>

your-container-selector 为下载内容的容器class

短代码：

//内容图片打包下载

function imagesdown_url($atts, $content = null) {

extract(shortcode_atts(array(),$atts));

return'<a href="#" class="download-images-link" onclick="downloadImages(\'your-container-selector\', event)">打包下载</a>';

}

add_shortcode('imagesdown','imagesdown_url');