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.

63 lines
2.5 KiB

7 years ago
  1. <!DOCTYPE HTML>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title>사진 첨부하기 :: SmartEditor2</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <!-- Generic page styles -->
  9. <link rel="stylesheet" href="css/style.css?v=140715">
  10. <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
  11. <link rel="stylesheet" href="css/jquery.fileupload.css">
  12. </head>
  13. <body>
  14. <div class="container pop_container">
  15. <!-- header -->
  16. <div id="pop_header">
  17. <h1>사진 첨부하기</h1>
  18. </div>
  19. <!-- //header -->
  20. <div class="content_container">
  21. <div class="drag_explain">
  22. <p>마우스로 드래그하여 순서를 바꿀수 있습니다.</p>
  23. <div class="file_selet_group">
  24. <span class="btn btn-success fileinput-button">
  25. <span>파일선택</span>
  26. <!-- The file input field used as target for the file upload widget -->
  27. <input id="fileupload" type="file" name="files[]" multiple accept="image/*">
  28. </span>
  29. <button type="button" class="btn btn-danger delete" id="all_remove_btn">
  30. <span>전체삭제</span>
  31. </button>
  32. </div>
  33. </div>
  34. <div class="drag_area" id="drag_area">
  35. <ul class="sortable" id="sortable">
  36. </ul>
  37. <em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg hidebg"></span>
  38. </div>
  39. <div class="seletion_explain">이미지는 한번에 10개까지 선택할수 있습니다.</div>
  40. <div class="btn_group">
  41. <button type="button" class="btn" id="img_upload_submit">
  42. <span>등록</span>
  43. </button>
  44. <button type="button" class="btn" id="close_w_btn" >
  45. <span>취소</span>
  46. </button>
  47. </div>
  48. </div>
  49. </div>
  50. <script src="./js/jquery-1.8.3.min.js"></script>
  51. <script src="./js/jquery-ui.min.js"></script>
  52. <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
  53. <script src="./js/jquery.iframe-transport.js"></script>
  54. <script type="text/javascript" src="./swfupload/swfupload.js"></script>
  55. <script type="text/javascript" src="./swfupload/jquery.swfupload.js"></script>
  56. <!-- The basic File Upload plugin -->
  57. <script src="./js/jquery.fileupload.js?v=140715"></script>
  58. <script src="./js/basic.js"></script>
  59. </body>
  60. </html>