JeeGit 官方论坛

找回密码
立即注册
搜索
热搜: 活动 交友 discuz
发新帖

1

收听

0

听众

196

主题
发表于 2023-1-3 09:33:05 | 查看: 677| 回复: 0
  1. <#--
  2.   //文件上传控件
  3. -->
  4. <#macro fileupload  name
  5.                     id = ""
  6.                     bizId = "" <#-- 业务ID-->
  7.                     bizType = "" <#-- 业务类型-->
  8.                     uploadType = "all" <#-- 上传文件类型-->
  9.                     uploadUrl = "sys/comm/upload" <#-- 上传路径-->
  10.                     fileListUrl = "sys/comm/fileList" <#-- 回显查询路径-->
  11.                     downloadUrl = "sys/comm/download" <#--文件下载路径 -->
  12.                     isLazy = true <#-- -->
  13.                     readonly = false
  14.                     required = false
  15.                     preview = ""
  16.                     value = ""
  17.                     template = false <#-- 控件是否做template用-->
  18.                     tipTitle = "" <#--文件上传表格头显示 -->
  19.                     maxUploadNum = "300"
  20.                     >
  21.     <#if !template>
  22.         <div id="<#if id == "">${name}<#else>${id}</#if>_wup" class="wup_container ">
  23.             <input id="<#if id == "">${name}<#else>${id}</#if>" name="<#if bizType == "">${name}<#else>${bizType}</#if>" value="" class="wup_input ${uploadType}"
  24.                    data-msg-required="${i18n("请上传图片")}"<#if required> required </#if>/>
  25.             <input id="<#if id == "">${name}<#else>${id}</#if>__del" name="<#if bizType == "">${name}<#else>${bizType}</#if>__del" value="" type="hidden"/>
  26.             <div class="area">
  27.                 <div id="<#if id == "">${name}<#else>${id}</#if>_Uploader" class="wup_<#if uploadType=="image">img<#else>file</#if>">
  28.                     <div class="statusBar" style="display:none;">
  29.                         <div class="progress">
  30.                             <span class="text">0%</span>
  31.                             <span class="percentage"></span>
  32.                         </div>
  33.                         <div class="info"></div>
  34.                         <div class="btns">
  35.                             <div id="<#if id == "">${name}<#else>${id}</#if>_filePicker2" class="webuploader-container"></div>
  36.                             <div class="uploadBtn state-pedding">${i18n("开始上传")}</div>
  37.                         </div>
  38.                     </div>
  39.                     <div class="queueList">
  40.                         <#if uploadType=="image">
  41.                             <ul id="<#if id == "">${name}<#else>${id}</#if>_fileLists" class="filelist"></ul>
  42.                         <#else>
  43.                             <div class="table-responsive">
  44.                                 <table class="table table-striped filetable table-hover">
  45.                                     <tbody id="<#if id == "">${name}<#else>${id}</#if>_fileLists"></tbody>
  46.                                 </table>
  47.                             </div>
  48.                         </#if>
  49.                         <div id="<#if id == "">${name}<#else>${id}</#if>dndArea" class="placeholder">
  50.                             <div id="<#if id == "">${name}<#else>${id}</#if>_filePicker" class="webuploader-container"></div>
  51.                             <p>
  52.                                 <#if !readonly>
  53.                                     <#local ff=""/>
  54.                                     <#if uploadType == "image"><#local ff="照片"/><#else><#local ff="文件"/></#if>
  55.                                     <#local gg=""/>
  56.                                     <#if uploadType == "image"><#local gg="张"/><#else><#local gg="个"/></#if>
  57.                                     ${i18n("或将{0}拖到这里,最多可选{1}{2}",['${i18n("${ff}")}','${maxUploadNum}','${i18n("${gg}")}'])}
  58.                                 <#else>
  59.                                     ${i18n("无文件附件")}
  60.                                 </#if>
  61.                             </p>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.         <@compress single_line=true>
  68.             <script type="text/javascript">
  69.                 $(function() {
  70.                     $('#<#if id == "">${name}<#else>${id}</#if>_Uploader').webUploadex({
  71.                         id: '<#if id == "">${name}<#else>${id}</#if>',
  72.                         bizId: '${bizId}',
  73.                         bizType: '${bizType}',
  74.                         readonly: ${readonly?string('true','false')},
  75.                         returnPath: false,
  76.                         filePathInputId: '',
  77.                         fileNameInputId: '',
  78.                         uploadType: "${uploadType}",
  79.                         maxFileSize: 100*1024*1024,
  80.                         imageAllowSuffixes: '.gif,.bmp,.jpeg,.jpg,.ico,.png,.tif,.tiff,',
  81.                         mediaAllowSuffixes: '.flv,.swf,.mkv,webm,.mid,.mov,.mp3,.mp4,.m4v,.mpc,.mpeg,.mpg,.swf,.wav,.wma,.wmv,.avi,.rm,.rmi,.rmvb,.aiff,.asf,.ogg,.ogv,',
  82.                         fileAllowSuffixes: ".doc,.docx,.rtf,.xls,.xlsx,.csv,.ppt,.pptx,.pdf,.vsd,.txt,.md,.xml,.rar,.zip,7z,.tar,.tgz,.jar,.gz,.gzip,.bz2,.cab,.iso,.p12,.pem,",
  83.                         chunked: false,
  84.                         chunkSize: 10485760,
  85.                         threads: 1,
  86.                         tipTitle:"${tipTitle}",
  87.                         maxUploadNum: ${maxUploadNum},
  88.                         imageMaxWidth: 1024,
  89.                         imageMaxHeight: 768,
  90.                         service: {
  91.                             upload: baseURL +'${uploadUrl}',
  92.                             download: baseURL + '${downloadUrl}',
  93.                             fileList: baseURL +'${fileListUrl}'
  94.                         },
  95.                         extendParams: {},
  96.                         isLazy: ${isLazy?string('true','false')},
  97.                         preview: "${preview}",
  98.                         callback: function(id, act, $this, fileUploadId, fileUrl, fileName){
  99.                             if(typeof fileuploadCallback == 'function'){
  100.                                 fileuploadCallback(id, act, $this, fileUploadId, fileUrl, fileName);
  101.                             }
  102.                         }
  103.                     });
  104.                 })
  105.             </script>
  106.         </@compress>
  107.     <#else>
  108.         <#local  Assname="${id}"/>
  109.         <#if name != "">
  110.             <#local Assname="${name}"/>
  111.         </#if>
  112.         <#local AssId=""/>
  113.         <#if id == "">
  114.             <#local AssId="${Assname}"/>
  115.         <#else>
  116.             <#local AssId="${id}"/>
  117.         </#if>
  118.         <div>
  119.             <div style="display: none;" id="<#if !template>${AssId?replace(".","_")}_div<#else>${AssId}_div</#if>">
  120.                 <div id="<#if !template>${AssId?replace(".","_")}_name<#else>${AssId}_name</#if>" style="float: left;"></div>
  121.                 <a id="<#if !template>${AssId?replace(".","_")}<#else>${AssId}</#if>_del" >
  122.                     <i class="fa fa-trash-o"></i>
  123.                 </a>
  124.             </div>
  125.             <input name="<#if bizType == "">${name}<#else>${bizType}</#if>" id="<#if id == "">${name}<#else>${AssId}</#if>_id" type="hidden"/>
  126.             <input style="display: none;" class="_template_file" <#if readonly>data-down="${downloadUrl}"</#if> data-readonly="${readonly?string('true','false')}" data-upload="${uploadUrl}" data-biztype="<#if bizType == "">${name}<#else>${bizType}</#if>" data-bizid="${bizId}" data-filelist="${fileListUrl}" data-type="${uploadType}" data-value="${value}" id="<#if !template>${AssId?replace(".","_")}<#else>${AssId}</#if>"  type="file"/>
  127.         </div>
  128.     </#if>
  129. </#macro>
复制代码


您需要登录后才可以回帖 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|JeeGit 官方论坛 ( 吉ICP备19001578号-2|吉B2-20200006 )

GMT+8, 2024-5-20 17:22 , Processed in 0.023179 second(s), 18 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表