插件介绍

一款纯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='varimagePaths='.json_encode($imagePaths).';';
}
?>
<linkhref="/e/extend/diyupload/upload.css"rel="stylesheet">
<divid="preview-container"></div>
<divclass="file-input-container">
<inputtype="file"id="image-input"accept=".jpg,.jpeg,.png"multiple>
</div>
<pid="upload-status"></p>
<scriptsrc="/e/extend/diyupload/upload.js"></script>
<script>
varimagePaths=[];
//如果修改信息加载图片
<?=$jsImagePaths?>
varuploadParams={calssid:'<?=$classid?>',filepass:'<?=$filepass?>'};//可以添加更多参数...
initializeImagePreview(imagePaths,uploadParams);
</script>
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。