[SmartEdior 2.8] 그누보드5 모바일(스마트폰) 글쓰기를 할때 사진첨부 무한로딩 문제 > 기술자료

• 목록

 

SmartEdior2 를 이용해서 스마트론에서 글쓰기를 할때 사진첨부 를 눌러서 이미지를 업로드 하고자 할때 무한 로딩이 걸리는 현상이 확인되었습니다.

문제없는 브라우저 : iPhone ( Chrome )
문제있는 브라우저 : iPhone ( Safari, Edge, Whale, Opera)

plugin / editor / smarteditor2 / photo_upload / popup / index.html

        <div class="drag_explain">
            <p>마우스로 드래그하여 순서를 바꿀수 있습니다.</p>
            <div class="file_selet_group">
            <span class="btn btn-success fileinput-button">
                <span>파일선택</span>
                <!-- The file input field used as target for the file upload widget -->
                <input id="fileupload" type="file" name="files[]" multiple accept="image/*">
            </span>
            <button type="button" class="btn btn-danger delete" id="all_remove_btn">
                <span>전체삭제</span>
            </button>
            </div>
        </div>
        <div class="drag_area" id="drag_area">
            <ul class="sortable" id="sortable">
            </ul>
            <em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg hidebg"></span>
        </div>
        <div class="seletion_explain">이미지는 한번에 10개까지 선택할수 있습니다.</div>
        <div class="btn_group">
            <button type="button" class="btn" id="img_upload_submit">
                <span>등록</span>
            </button>
            <button type="button" class="btn" id="close_w_btn" >
                <span>취소</span>
            </button>
        </div>

를 아래와 같이 변경합니다

<?php 
// if (G5_IS_MOBILE) { // 그누보드 변수 활용 불가
if(preg_match('/(phone|samsung|lgtel|mobile|[^A]skt|nokia|blackberry|BB10|android|sony|SonyEricsson|DoCoMo|JVodafone|SoftBank|MOT-|UP.Browser|KDDI|WILLCOM|SHARP|DDIPOCKET|PSP|SymbianOS|Windows CE|webOS|PalmOS)/i', $_SERVER['HTTP_USER_AGENT']))
{ 
    //echo "모바일"; 
?>
        <div class="drag_area" id="drag_area" style="width:100%; text-align: center;">
                <div style="margin:0 auto; text-align: center; padding-top:80px; line-height:2em;">
                모바일에서는 스마트폰 보안강화로 인하여<br>
                <strong>사진 첨부하기</strong> 기능이 지원되지 않습니다.<br>
                글쓰기 하단의 파일 첨부를 이용해주세요.
                </div>
        </div>
        <div class="btn_group">
            <button type="button" class="btn" id="close_w_btn" >
                <span>닫기</span>
            </button>
        </div>
<?php // PC 일때
} else { 
    //echo "PC"; 
?>
        <div class="drag_explain">
            <p>마우스로 드래그하여 순서를 바꿀수 있습니다.</p>
            <div class="file_selet_group">
            <span class="btn btn-success fileinput-button">
                <span>파일선택</span>
                <!-- The file input field used as target for the file upload widget -->
                <input id="fileupload" type="file" name="files[]" multiple accept="image/*">
            </span>
            <button type="button" class="btn btn-danger delete" id="all_remove_btn">
                <span>전체삭제</span>
            </button>
            </div>
        </div>
        <div class="drag_area" id="drag_area">
            <ul class="sortable" id="sortable">
            </ul>
            <em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg hidebg"></span>
        </div>
        <div class="seletion_explain">이미지는 한번에 10개까지 선택할수 있습니다.</div>
        <div class="btn_group">
            <button type="button" class="btn" id="img_upload_submit">
                <span>등록</span>
            </button>
            <button type="button" class="btn" id="close_w_btn" >
                <span>취소</span>
            </button>
        </div>
<?php } ?>