Brak opisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

users_reg_field_extend.htm 7.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!-- 扩展 -->
  2. {eyou:case value="img"}
  3. <!-- 单张图 start -->
  4. <div class="form-group group_z">
  5. <div class="input-group input-group-icon">
  6. <span class="input-group-addon"><i class="fa fa-shield"></i></span>
  7. <input type="text" class=" form-control" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="" style="display: none;"><!--{$vo.info|default=''}-->
  8. <input class=" form-control {$vo.fieldArr}_{$vo.name|default=''}_input" placeholder="{$vo.title}" style="height: 43px;" onClick="GetUploadify(1,'','allimg','{$vo.fieldArr}_{$vo.name|default=''}_call_back','{:url('user/Uploadify/upload',['resource'=>'reg'])}')">
  9. </div>
  10. </div>
  11. <script type="text/javascript">
  12. function {$vo.fieldArr}_{$vo.name|default=''}_call_back(fileurl_tmp)
  13. {
  14. $("#{$vo.fieldArr}_{$vo.name|default=''}").val(fileurl_tmp);
  15. $(".{$vo.fieldArr}_{$vo.name|default=''}_input").val(fileurl_tmp);
  16. }
  17. </script>
  18. <!-- 单张图 end -->
  19. {/eyou:case}
  20. {eyou:case value="imgs"}
  21. <!-- 多张图 start -->
  22. <div class="form-group group_z images_upload_main">
  23. <div class="input-group input-group-icon">
  24. <span class="input-group-addon"><i class="fa fa-shield"></i></span>
  25. <button type="button" style="height: 42px;padding: 0 10px; border-width: 1px;" class="el-button el-button--primary is-plain el-button--small" onClick="GetUploadify(100,'','allimg','{$vo.fieldArr}_{$vo.name|default=''}_call_back', '', '{$vo.title}');">
  26. <i class="el-icon-paperclip"></i>{$vo.title}&nbsp;&nbsp;+
  27. </button>
  28. </div>
  29. <div style="margin: 5px 0;padding: 3px;border: 1px dashed #ebeced;display: none;" id="upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}">
  30. <!--上传填充-->
  31. </div>
  32. <!-- 上传图片显示的样板 start -->
  33. <div class="{$vo.fieldArr}_{$vo.name|default=''}_upload_tpl" style="display: none;">
  34. <div class="fieldext_upload fieldext_upload_html">
  35. <div class="images_upload_item">
  36. <input type="hidden" name="{$vo.fieldArr}[{$vo.name|default=''}][]" value="">
  37. <a href="" target="_blank">
  38. <img src="__STATIC__/admin/images/add-button.jpg" width="42" height="42">
  39. </a>
  40. <a class="delete" href="javascript:void(0)" title="删除"></a>
  41. </div>
  42. </div>
  43. </div>
  44. <!-- 上传图片显示的样板 end -->
  45. </div>
  46. <script type="text/javascript">
  47. var GetUploadify_url = "{:url('user/Uploadify/upload',['resource'=>'reg'])}";
  48. // 上传多图回调函数
  49. function {$vo.fieldArr}_{$vo.name|default=''}_call_back(paths){
  50. var last_div = $(".{$vo.fieldArr}_{$vo.name|default=''}_upload_tpl").html();
  51. for (var i=0;i<paths.length ;i++ )
  52. {
  53. if ($("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html").length == 0) {
  54. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
  55. }
  56. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").append(last_div); // 插入一个 新图片
  57. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('a:eq(0)').attr('href',paths[i]).attr('onclick','').attr('target', "_blank");// 修改他的链接地址
  58. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('img').attr('src',paths[i]);// 修改他的图片路径
  59. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('a:eq(1)').attr('onclick',"{$vo.fieldArr}_{$vo.name|default=''}_ClearPicArr2(this,'"+paths[i]+"')").text('');
  60. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html:last").find('input').val(paths[i]); // 设置隐藏域 要提交的值
  61. }
  62. }
  63. /*
  64. * 上传之后删除组图input
  65. * @access public
  66. * @val string 删除的图片input
  67. */
  68. function {$vo.fieldArr}_{$vo.name|default=''}_ClearPicArr2(obj,path)
  69. {
  70. $(obj).parent().parent().remove();
  71. if ($("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''} .fieldext_upload_html").length == 0) {
  72. $("#upload_imgs_{$vo.fieldArr}_{$vo.name|default=''}").css('display','none');
  73. }
  74. }
  75. </script>
  76. <!-- 多张图 end -->
  77. {/eyou:case}
  78. {case value="file"}
  79. {eyou:static file="/public/plugins/layui/css/layui.css" /}
  80. {eyou:static file="/public/plugins/layui/layui.js" /}
  81. <!-- 单个文件 start -->
  82. <div class="form-group group_z">
  83. <div class="input-group input-group-icon">
  84. <span class="input-group-addon"><i class="fa fa-shield"></i></span>
  85. <input type="text" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$vo.dfvalue|default=''}" style="display: none;">
  86. <button type="button" style="height: 42px;padding: 0 10px; border-width: 1px;" class="el-button el-button--primary is-plain el-button--small" id="upload_{$vo.fieldArr}_{$vo.name|default=''}" ><i class="el-icon-paperclip"></i>{$vo.title}</button>
  87. <a id="download_file_{$vo.fieldArr}_{$vo.name|default=''}" style="margin-left: 10px;text-decoration: underline;{eyou:notempty name='$vo.dfvalue' /}display: '';{eyou:else /}display: none;{/eyou:notempty}"
  88. {eyou:notempty name='$vo.dfvalue' /} href="{$vo.dfvalue|default=''}" download="{$vo.dfvalue|get_filename=###}" {/eyou:notempty}>
  89. <img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件</a>
  90. </div>
  91. </div>
  92. <script>
  93. $(function(){
  94. layui.use('upload', function(){
  95. var upload = layui.upload;
  96. //执行实例
  97. upload.render({
  98. elem: "#upload_{$vo.fieldArr}_{$vo.name|default=''}" //绑定元素
  99. ,url: "{:url('user/Uploadify/DownloadUploadFileAjax')}"
  100. ,exts: '{$vo.ext}'
  101. ,size: {$vo.filesize} //限制文件大小,单位 KB
  102. ,accept: 'file' //普通文件
  103. ,done: function(res){
  104. //上传完毕回调
  105. if (res.state=="SUCCESS"){
  106. layer.msg('上传成功!')
  107. $("#{$vo.fieldArr}_{$vo.name|default=''}").val(res.url);
  108. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
  109. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('href',res.url);
  110. var arr = res.url.split("/");
  111. var download = arr[arr.length-1];
  112. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('download',download);
  113. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','#000');
  114. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").html('<img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件');
  115. }else {
  116. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
  117. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','red');
  118. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").text(res.state);
  119. }
  120. }
  121. ,error: function(){
  122. //请求异常回调
  123. }
  124. });
  125. });
  126. })
  127. </script>
  128. <!-- 单个文件 end -->
  129. {/case}