사진 등록 후 미리보기를 하기위해 아래와 같이 코드를 작성 했습니다.
<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 페이지에서 이미지가 안나옵니다.
어떻게 해야할까요...
안녕하세요~^^
올려주신 코드 확인해보니 실제로 이미지가 저장되고 있지는 않습니다.
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 부분을 모두 원하시는 메타키 명으로 교체해보시겠어요?
고맙습니다.