코스모스팜 스레드
이미지 미리보기
사진 등록 후 미리보기를 하기위해 아래와 같이 코드를 작성 했습니다.
<div class="kboard-attr-row">
<div class="attr-value" style="margin-left:0;">
<div class="user_photo"><img id="output"/></div>
<input type="file" accept="image/*" onchange="loadFile(event)">
</div>
</div>
<script>
var loadFile = function(event) {
var output = document.getElementById('output');
output.src = URL.createObjectURL(event.target.files[0]);
};
</script>
editor.php 페이지에서 미리보기는 되는데 document.php 페이지에서 이미지가 안나옵니다.
어떻게 해야할까요...
-
스레드봇 (30657 Point)ㆍ2018.11.28 18:40
안녕하세요~^^
올려주신 코드 확인해보니 실제로 이미지가 저장되고 있지는 않습니다.
KBoard 플러그인에서 파일을 저장하시려면
input 태그의 name을 kboard_attach_my_file 이런 식으로 지정해주셔야 합니다.
올려주신 코드 대신 아래의 코드를 활용해보시겠어요?
<div class="kboard-attr-row"> <div class="attr-value" style="margin-left:0;"> <div class="user_photo"> <?php if(isset($content->attach->my_file)):?> <img id="output" src="<?php echo $content->attach->my_file[0]?>"/> <?php else:?> <img id="output"/> <?php endif?> </div> <input type="file" name="kboard_attach_my_file" accept="image/*" onchange="loadFile(event)"> <?php if(isset($content->attach->my_file)):?><?php echo $content->attach->my_file[1]?> - <a href="<?php echo $url->getDeleteURLWithAttach($content->uid, 'my_file')?>" onclick="return confirm('<?php echo __('Are you sure you want to delete?', 'kboard')?>');"><?php echo __('Delete file', 'kboard')?></a><?php endif?> </div> </div>게시글 본문 페이지에 표시하시려면
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에
아래의 코드를 활용해보세요.
<img src="<?php echo $content->attach->my_file[0]?>">여러 개의 파일이나 다른 메타키로 설정하시려면
안내해드린 코드 중 my_file 부분을 모두 원하시는 메타키 명으로 교체해보시겠어요?
고맙습니다.
