説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

upload.htm 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <!-- Apple devices fullscreen -->
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <!-- Apple devices fullscreen -->
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <title>图片选择 - {$version}</title>
  12. <link rel="stylesheet" type="text/css" href="__PUBLIC__/plugins/uploadimgnew/layui/css/layui.css?v={$version}">
  13. <link rel="stylesheet" type="text/css" href="__PUBLIC__/plugins/uploadimgnew/css/image-upload.css?v={$version}">
  14. <link href="__SKIN__/font/css/font-awesome.min.css?v={$version}" rel="stylesheet" />
  15. {if condition="file_exists(ROOT_PATH.'public/static/admin/css/theme_style.css')"}
  16. <link href="__SKIN__/css/theme_style.css?v={$version}_{$global['web_theme_style_uptime']|default=0}" rel="stylesheet" type="text/css">
  17. {elseif condition="file_exists(APP_PATH.'admin/template/public/theme_css.htm') && function_exists('hex2rgba')" /}
  18. {include file="public/theme_css" /}
  19. {/if}
  20. <link href="__SKIN__/font/css/iconfont.css?v={$version}" rel="stylesheet" />
  21. <link rel="stylesheet" href="__PUBLIC__/plugins/ztree/css/zTreeStyle/zTreeStyle.css?v={$version}" type="text/css">
  22. <script type="text/javascript" src="__STATIC__/common/js/jquery.min.js?v={$version}"></script>
  23. <script type="text/javascript" src="__PUBLIC__/plugins/layer-v3.1.0/layer.js?v={$version}"></script>
  24. <script type="text/javascript" src="__PUBLIC__/plugins/uploadimgnew/layui/layui.js?v={$version}"></script>
  25. <script type="text/javascript" src="__PUBLIC__/plugins/uploadimgnew/js/jquery.cookie.js?v={$version}"></script>
  26. <style type="text/css">
  27. .group-item .group-button {display: none;}
  28. .group-item:hover .group-button {display: block;}
  29. .group-item:hover .group-count {display: none;}
  30. .ztree .node_name{
  31. font-size: 13px !important;
  32. }
  33. .hover{
  34. line-height: 22px;
  35. }
  36. .ui-layout-pane {
  37. background: #fff;
  38. }
  39. .ui-layout-center{
  40. padding:0 15px 0 15px;
  41. }
  42. .ztree li a {
  43. display: inline-block !important;
  44. }
  45. .ztree li a.curSelectedNode{
  46. height: 20px;
  47. }
  48. </style>
  49. <script type="text/javascript">
  50. var eyou_basefile = "{$Request.baseFile}";
  51. var module_name = "{$Think.const.MODULE_NAME}";
  52. var __root_dir__ = "__ROOT_DIR__";
  53. var __lang__ = "{$admin_lang}";
  54. </script>
  55. </head>
  56. <body>
  57. <div class="upload-box ui-layout-center">
  58. <div class="upload-body">
  59. <div class="upload-main">
  60. <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  61. <ul class="layui-tab-title">
  62. <li id="bendi" class="layui-this">本地图片</li>
  63. <li id="tiqu">远程图片</li>
  64. </ul>
  65. <div class="layui-tab-content" style="height: 100%;">
  66. <div class="layui-tab-item layui-show" id="bendi_cont">
  67. <div class="upload-con">
  68. <div class="upload-group">
  69. <div>
  70. <ul class="upload-nav" id="tab">
  71. <li class="item active" id="li_tag_item_group" data-value="1">我的分组</li>
  72. <li class="item" id="li_tag_item_imgdir" data-value="2">图片目录</li>
  73. </ul>
  74. </div>
  75. <div id="container">
  76. <div id="content1">
  77. <div class="upload-group-add">
  78. <button onclick="addcate();" class="layui-btn layui-btn-primary layui-border-blue"><i class="iconfont e-wenjianjiatianjia"></i>添加分组</button>
  79. </div>
  80. <div class="upload-group-con">
  81. <div class="group-item {empty name='$type_id'} active {/empty}">
  82. <div class="group-item-l">
  83. <a href="javascript:void(0);" data-src="{$default_upload_list_url}" id="typename_0" data-type_id="0" onclick="openIframes(this);">默认分组
  84. {eyou:empty name="$admin_logic_1639031991"}
  85. <!-- <span style=" margin-left: 15px;"><i class="fa fa-refresh" onclick="syn_old_imgdata(true);" title="点击同步站点图片"></i></span> -->
  86. {/eyou:empty}
  87. </a>
  88. </div>
  89. <div class="group-item-r" id="count_0" style="text-align: right;margin: 0 auto;">{$uploads_total_list[0]['total']|default=0}</div>
  90. </div>
  91. {volist name="$uploads_type_list" id="vo"}
  92. <div class="group-item {eq name='$type_id' value='$vo.id'} active {/eq}">
  93. <div class="group-item-l"><a href="javascript:void(0);" data-src="{$vo.url}" id="typename_{$vo.id}" data-type_id="{$vo.id}" onclick="openIframes(this);">{$vo.upload_type}</a></div>
  94. <div class="group-item-r group-count" id="count_{$vo.id}" style="text-align: right;margin: 0 auto;">{$uploads_total_list[$vo['id']]['total']|default=0}</div>
  95. <div class="group-item-r group-button">
  96. <a href="javascript:void(0)" onclick="editcate(this, '{$vo.id}')">编辑</a>
  97. <a href="javascript:void(0)" onclick="delcate(this, '{$vo.id}')">删除</a>
  98. </div>
  99. </div>
  100. {/volist}
  101. </div>
  102. </div>
  103. <div id="content2" style="display: none">
  104. <div class="upload-dirimg-con ui-layout-east">
  105. <div class="ztreeContent">
  106. <div id="tree" class="ztree"></div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <iframe name="content_body" id="content_body" src="{$current_upload_list_url}&unneed_syn={$Request.param.unneed_syn}" width="100%" height="100%" frameborder="0" style="height: 460px;"></iframe>
  113. </div>
  114. </div>
  115. <div class="layui-tab-item" id="tiqu_cont">
  116. <div class="upload-con">
  117. <div class="image-selector-network">
  118. <form class="layui-form" id="layui-form" action="{:url('Uploadimgnew/ajax_remote_to_imglocal')}" method="post">
  119. <div class="layui-form-item">
  120. <label class="layui-form-label"></label>
  121. <div class="layui-input-inline" style="width: 400px;">
  122. <input type="text" name="imgremoteurl" lay-verify="imgremoteurl" autocomplete="off" placeholder="请输入图片地址" class="layui-input">
  123. </div>
  124. <div class="layui-input-inline">
  125. <a onclick="remote_to_imglocal();" class="layui-btn layui-btn-normal">提取图片</a>
  126. </div>
  127. </div>
  128. <div class="layui-form-item">
  129. <label class="layui-form-label"></label>
  130. <div class="layui-form-mid layui-word-aux">
  131. 需要http://.........大小不要超过{$basicConfig.file_size}{$basicConfig.max_sizeunit},支持图片类型 {$basicConfig.image_type}
  132. </div>
  133. </div>
  134. </form>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="upload-footer">
  142. <button type="button" class="layui-btn layui-btn-primary layui-btn-off">取消</button>
  143. <button type="button" class="layui-btn layui-btn-normal layui-btn-yes">确定</button>
  144. </div>
  145. </div>
  146. </div>
  147. <input type="hidden" id="input_type_id" value="{$type_id|default=0}">
  148. <input type="hidden" id="input_top_tab" value="bendi">
  149. <script src="__SKIN__/js/jquery.layout-latest.min.js?v={$version}"></script>
  150. <script type="text/javascript" src="__PUBLIC__/plugins/ztree/js/jquery.ztree.core.min.js?v={$version}"></script>
  151. <script type="text/javascript">
  152. var callback = "{$info.func}";
  153. var num = "{$info.num|default=1}";
  154. </script>
  155. <script type="text/javascript" src="__PUBLIC__/plugins/uploadimgnew/js/upload.js?v={$version}1"></script>
  156. </body>
  157. </html>