纯JS帝国cms7.5多图片上传插件,支持自动设置封面图

纯JS帝国cms7.5多图片上传插件,支持自动设置封面图

插件介绍

一款纯JS版本的帝国cms7.5多图片上传插件,upload.js框架,支持多图上传、自动或手动设置封面图、支持投稿与录入、支持压缩图片。

1694242941263763.jpg

插件使用方法

1、上传文件到extend目录

2、后台系统模型创建morepic字段,类型为单行文本框 ,中型text   

投稿与输入表单都替换下面代码 即可。记住一定把模型里面的  投稿项  录入项勾选即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
if ($r['morepic']) {
  print_r($r['morepic']);
  $r['morepic'] = stripslashes($r['morepic']);
  $pd_record explode("\r\n"$r['morepic']);
  for ($i = 0; $i count($pd_record); $i++) {
  $pd_field=explode("::::::",$pd_record[$i]);
      $imagePaths[] = $pd_field[0];
  }
  // 创建JavaScript变量
  $jsImagePaths 'var imagePaths = ' . json_encode($imagePaths) . ';';
}
?>
<link href="/e/extend/diyupload/upload.css" rel="stylesheet">
<div id="preview-container"></div>
<div class="file-input-container">
<input type="file" id="image-input" accept=".jpg, .jpeg, .png" multiple>
</div>
<p id="upload-status"></p>
<script src="/e/extend/diyupload/upload.js"></script>
<script>
var imagePaths = [];
   //如果修改信息加载图片
   <?=$jsImagePaths?>
var uploadParams = {calssid: '<?=$classid?>',filepass: '<?=$filepass?>'};// 可以添加更多参数...
    initializeImagePreview(imagePaths, uploadParams);
</script>

资源下载

特别声明:☆ 本站所有资源仅供学习和研究之用,严禁用于任何商业目的。 ☆ 我们仅提供资源下载,不包含安装、调试等技术支持服务。 ☆ 所有内容均来源于网络,本站不对资源的完整性、可用性或安全性作出任何承诺。 ☆ 请勿将本站资源用于任何违法违规行为,由此产生的后果由使用者自行承担。 ☆ 若您不同意上述声明,请立即停止使用本站内容与服务。 ☆ 涉及付费或赞助资源,请务必自行甄别并谨慎选择。 ☆ 若有内容侵犯您的合法权益,请联系我们,我们将及时处理下架。 ☆ 所有模板或源码需具备一定开发知识,新手建议选购官方正版服务。

评论0