国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

99 řádky
4.3KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  6. <title>添加附件</title>
  7. <link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="/static/web/css/admin.css">
  10. <script src="/static/web/js/jquery.min.js"></script>
  11. <script src="/static/web/js/bootstrap.min.js"></script>
  12. <script src="/static/web/js/admin.main.js"></script>
  13. </head>
  14. <body>
  15. <div class="container-fluid">
  16. <ol class="breadcrumb">
  17. <li class="breadcrumb-item"><a href="index_body.php">后台面板</a></li>
  18. <li class="breadcrumb-item"><a href="media_main.php">附件管理</a></li>
  19. <li class="breadcrumb-item active">添加附件</li>
  20. </ol>
  21. <div class="card shadow-sm">
  22. <div class="card-header">添加附件</div>
  23. <div class="card-body">
  24. <form name="form1" action="media_add.php" method="post" enctype="multipart/form-data">
  25. <input type="hidden" name="dopost" value="upload">
  26. <input type="hidden" name="_csrf_token" value="<?php echo $GLOBALS['csrf_token'];?>">
  27. <div class="table-responsive">
  28. <table class="table table-borderless">
  29. <tbody>
  30. <tr>
  31. <td width="260">附件类型</td>
  32. <td>
  33. <label><input type="radio" name="mediatype" value="1" checked> 图片</label>
  34. <label><input type="radio" name="mediatype" value="2"> FLASH</label>
  35. <label><input type="radio" name="mediatype" value="3"> 视频音频</label>
  36. <label><input type="radio" name="mediatype" value="4"> 附件其它</label>
  37. </td>
  38. </tr>
  39. <tr>
  40. <td>附件标题</td>
  41. <td><input type="text" name="title" id="title" class="admin-input-lg" required></td>
  42. </tr>
  43. <tr>
  44. <td>附加参数</td>
  45. <td>
  46. <label>宽:<input type="text" name="mediawidth" id="mediawidth" class="admin-input-sm" placeholder="附件像素宽度"></label>
  47. <label>高:<input type="text" name="mediaheight" id="mediaheight" class="admin-input-sm" placeholder="附件像高宽度"></label>
  48. <label>播放时间:<input type="text" name="playtime" id="mediawidth3" class="admin-input-sm" placeholder="附件播放分钟"></label>
  49. </td>
  50. </tr>
  51. <tr>
  52. <td>上传附件</td>
  53. <td>
  54. <label>数量:<input type="text" name="picnum" id="picnum" value="5" class="admin-input-sm"></label>
  55. <a href="javascript:MakeUpload();" class="btn btn-success btn-sm">添加</a>
  56. <a href="javascript:ResetUpload();" class="btn btn-success btn-sm">恢复</a>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td colspan="2">
  61. <p><label>附件1:<input type="file" name="upfile1" id="upfile1" class="admin-input-lg"></label></p>
  62. <p><label>附件2:<input type="file" name="upfile2" id="upfile2" class="admin-input-lg"></label></p>
  63. <p><label>附件3:<input type="file" name="upfile3" id="upfile3" class="admin-input-lg"></label></p>
  64. <p><label>附件4:<input type="file" name="upfile4" id="upfile4" class="admin-input-lg"></label></p>
  65. <p><label>附件5:<input type="file" name="upfile5" id="upfile5" class="admin-input-lg"></label></p>
  66. <div id="uploadfield"></div>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td colspan="2" align="center">
  71. <button type="submit" class="btn btn-success btn-sm">保存</button>
  72. <button type="reset" class="btn btn-outline-success btn-sm">重置</button>
  73. </td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. </div>
  78. </form>
  79. </div>
  80. </div>
  81. </div>
  82. <script>
  83. var startNum = 5;
  84. function MakeUpload() {
  85. var upfield = document.getElementById("uploadfield");
  86. var endNum = Number(document.form1.picnum.value) + startNum;
  87. if (endNum > 30) endNum = 30;
  88. for (startNum; startNum <= endNum; startNum++) {
  89. upfield.innerHTML += "<div class='mb-3'><label>附件" + startNum + ":<input type='file' name='upfile" + startNum + "' class='admin-input-lg'></label></div>";
  90. }
  91. }
  92. function ResetUpload() {
  93. var upfield = document.getElementById("uploadfield");
  94. upfield.innerHTML = '';
  95. startNum = 2;
  96. }
  97. </script>
  98. </body>
  99. </html>