이미지 미리보기

사진 등록 후 미리보기를 하기위해 아래와 같이 코드를 작성 했습니다. 

<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 부분을 모두 원하시는 메타키 명으로 교체해보시겠어요?

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기