ncue/dreamgirl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add image upload UI and server-side upload/list APIs

Browse Source
This commit is contained in:
dsyoon
2025-12-27 16:05:06 +09:00
parent 72d0eafd9e
commit dafeaa7c44
6 changed files with 424 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@@ -13,6 +13,7 @@
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript" src="js/bestpic.js"></script>
<script type="text/javascript" src="js/image_manifest.js"></script>
<script type="text/javascript" src="js/uploader.js"></script>
<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
@@ -41,22 +42,33 @@
<div id="caption" class="caption-container"></div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" name="leaf" href="http://dreamgirl.ncue.net/img/0.jpg" title="Title #0">
<!-- <img src="http://dreamgirl.ncue.net/img/0.jpg" alt="Title #0" width='75' height='75'/> -->
</a>
<div class="caption">
<!--
<div class="download">
<a href="http://dreamgirl.ncue.net/img/0.jpg">Download</a>
</div>
<div class="image-title">Title #0</div>
<div class="image-desc">Description</div>
-->
<div id="thumbs-list">
<ul class="thumbs noscript">
<li>
<a class="thumb" name="leaf" href="http://dreamgirl.ncue.net/img/0.jpg" title="Title #0">
<!-- <img src="http://dreamgirl.ncue.net/img/0.jpg" alt="Title #0" width='75' height='75'/> -->
</a>
<div class="caption"></div>
</li>
</ul>
</div>
<div id="upload-panel" class="upload-panel">
<div class="upload-title">이미지 추가</div>
<div id="dropzone" class="dropzone" tabindex="0">
<div class="dropzone-text">
드래그&드랍 또는 파일 선택
</div>
</li>
</ul>
<input id="file-input" class="file-input" type="file" accept="image/*" />
</div>
<div id="upload-preview" class="upload-preview" style="display:none;">
<img id="preview-img" alt="preview" />
<div id="preview-meta" class="preview-meta"></div>
</div>
<div class="upload-actions">
<button id="upload-btn" type="button" disabled>업로드</button>
<span id="upload-status" class="upload-status"></span>
</div>
</div>
</div>
</div>
</div>