暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

users_reg_field_extend.htm 4.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. {case value="file"}
  21. {eyou:static file="/public/plugins/layui/css/layui.css" /}
  22. {eyou:static file="/public/plugins/layui/layui.js" /}
  23. <!-- 单个文件 start -->
  24. <div class="form-group group_z">
  25. <div class="input-group input-group-icon">
  26. <span class="input-group-addon"><i class="fa fa-shield"></i></span>
  27. <input type="text" id="{$vo.fieldArr}_{$vo.name|default=''}" name="{$vo.fieldArr}[{$vo.name|default=''}]" value="{$vo.dfvalue|default=''}" style="display: none;">
  28. <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>
  29. <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}"
  30. {eyou:notempty name='$vo.dfvalue' /} href="{$vo.dfvalue|default=''}" download="{$vo.dfvalue|get_filename=###}" {/eyou:notempty}>
  31. <img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件</a>
  32. </div>
  33. </div>
  34. <script>
  35. $(function(){
  36. layui.use('upload', function(){
  37. var upload = layui.upload;
  38. //执行实例
  39. upload.render({
  40. elem: "#upload_{$vo.fieldArr}_{$vo.name|default=''}" //绑定元素
  41. ,url: "{:url('user/Uploadify/DownloadUploadFileAjax')}"
  42. ,exts: '{$vo.ext}'
  43. ,size: {$vo.filesize} //限制文件大小,单位 KB
  44. ,accept: 'file' //普通文件
  45. ,done: function(res){
  46. //上传完毕回调
  47. if (res.state=="SUCCESS"){
  48. layer.msg('上传成功!')
  49. $("#{$vo.fieldArr}_{$vo.name|default=''}").val(res.url);
  50. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
  51. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('href',res.url);
  52. var arr = res.url.split("/");
  53. var download = arr[arr.length-1];
  54. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").attr('download',download);
  55. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','#000');
  56. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").html('<img src="__STATIC__/common/images/file.png" alt="" style="width: 16px;height: 16px;">下载附件');
  57. }else {
  58. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('display','');
  59. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").css('color','red');
  60. $("#download_file_{$vo.fieldArr}_{$vo.name|default=''}").text(res.state);
  61. }
  62. }
  63. ,error: function(){
  64. //请求异常回调
  65. }
  66. });
  67. });
  68. })
  69. </script>
  70. <!-- 单个文件 end -->
  71. {/case}