그누보드4 cheditor5에서 플래쉬 업로드 바꾸기 > gnuboard

본문 바로가기
사이트 내 전체검색

gnuboard

팁자료 그누보드4 cheditor5에서 플래쉬 업로드 바꾸기

페이지 정보

작성자 웹지기 댓글 0건 조회 778회 작성일 22-05-06 15:11

본문

그누보드4 에서 플래쉬를 통해 업로드를 하던 부분이 플래쉬가 서비스 종료되므로

더이상 지원이 되지 않는 이부분을 수정하기 위한 설정.

기존 플래쉬로 업로드 되던 부분을 업로드 수정한다. 

수정파일 2개 

/cheditor5/popup/image.html 

/cheditor5/popup/js/image.js 


먼저 이두개의 파일을 백업을 해두시는게 좋겠습니다. 


-------------- image.html 수정 ----------------- 

기존 

<script src="js/image.js" type="text/javascript"></script> 

<script src="js/image_upload_flash.js" type="text/javascript"></script> 

<script type="text/javascript"> 

</script> 


이부분을 

<script src="js/image.js" type="text/javascript"></script> 

<script src="//code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> 

<script src="js/dialog.js" type="text/javascript"></script> 

<!-- <script src="js/image_upload_flash.js" type="text/javascript"></script> --> 

<script type="text/javascript"> 

    function noFlashUploadOpen() { 

        $("#nfile").click(); // 숨김 input file를 클릭하는 효과 

    } 


function noFlashUpload() { 

console.log("?"); 

var uplist = $("#nfile").get(0).files; // 숨김 input file에서 파일 배열을 가져옴 


if(uplist.length < 1) return; // 첨부없으면 끝 

for(var i = 0; i < uplist.length; i++) { // 각 파일의 형식 제한 

if(uplist[i].type != "image/png" && uplist[i].type != "image/gif" && uplist[i].type != "image/jpg" && uplist[i].type != "image/jpeg") { 

fileFilterError(uplist[i].name); return; 


// 업로드 시작 알림(로더) 

startUpload(uplist.length); // image.js 


// 업로드 작업 

// cheditor5/imageUpload/upload.php 에서 1개씩만 업로드를 처리하므로 개별처리 

// 순차 처리를 위해서 ajax의 비동기를 끔 async: false 

// 업로드 진행율이 필요없으므로 xhr 은 제외 

for(var i = 0; i < uplist.length; i++) { 

var formData = new FormData(); 

formData.append("file", uplist[i]); 

$.ajax( { 

url: UploadScript, 

type: "POST", 

contentType: false, 

processData: false, 

crossDomain: true, 

cache: false, 

async: false, 

dataType: "text", // 여기 본인 상황에 맞게 

data: formData, 

success: function(response, textStatus, xhr) { 

uploadComplete(response); 

}, 

error: function(xhr, textStatus, error) { 

console.log(xhr.responseText); 

}); 

</script> 


이부분을  

<div style="float:right;margin:0px 0px 7px 0px"> 

<table border="0" cellpadding="0" cellspacing="0"> 

<tr> 

<td id="oFlash"></td> 

<td><img src="../icons/imageUpload/remove_all.gif" class="button" style="margin-left:3px;vertical-align:middle" onclick="removeImage()" alt="" /></td> 

</tr> 

</table> 

</div> 


아래처럼 수정 

<div style="float:right;margin:0px 0px 7px 0px"> 

<table border="0" cellpadding="0" cellspacing="0"> 

<tr> 

<td id="oFlash"><input type="file" id="nfile" name="nfile" multiple="multiple" accept=".gif,.jpg,.jpeg,.png" style="display:none" onchange="noFlashUpload()"/> <img src="../icons/imageUpload/add_image_button.gif" style="margin-left:3px;vertical-align:middle;cursor:pointer" onclick="noFlashUploadOpen()" alt="" /></td> 

<td><img src="../icons/imageUpload/remove_all.gif" class="button" style="margin-left:3px;vertical-align:middle" onclick="removeImage()" alt="" /></td> 

</tr> 

</table> 

</div> 


-------------- image.js 수정 ----------------- 

기존파일의 최하단에 다음을 추가 


function noFlashUploadOpen() { 

    $("#nfile").click(); // 숨김 input file를 클릭하는 효과 


function noFlashUpload() { 

    var uplist = $("#nfile").get(0).files; // 숨김 input file에서 파일 배열을 가져옴 

    if(uplist.length < 1) return; // 첨부없으면 끝 


    for(var i = 0; i < uplist.length; i++) { // 각 파일의 형식 제한 

        if(uplist[i].type != "image/png" && uplist[i].type != "image/gif" && uplist[i].type != "image/jpg" && uplist[i].type != "image/jpeg") { 

            fileFilterError(uplist[i].name); return; 

        } 

    } 


    // 업로드 시작 알림(로더) 

    startUpload(uplist.length); // image.js 


    // 업로드 작업 

    // cheditor5/imageUpload/upload.php 에서 1개씩만 업로드를 처리하므로 개별처리 

    // 순차 처리를 위해서 ajax의 비동기를 끔 async: false 

    // 업로드 진행율이 필요없으므로 xhr 은 제외 

    for(var i = 0; i < uplist.length; i++) { 

        var formData = new FormData(); 

        formData.append("file", uplist[i]); 


        $.ajax( { 

            url: UploadScript, 

            type: "POST", 

            contentType: false, 

            processData: false, 

            crossDomain: true, 

            cache: false, 

            async: false, 

            dataType: "text", // 여기 본인 상황에 맞게 

            data: formData, 

            success: function(response, textStatus, xhr) { 

                uploadComplete(response); 

            }, 

            error: function(xhr, textStatus, error) { 

                console.log(xhr.responseText); 

            } 

        }); 

    } 

 

참고자료 : https://sir.kr/g5_tip/15115

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 54건 1 페이지
  • 열람중 팁자료그누보드4 cheditor5에서 플래쉬 업로드 바꾸기
  • 그누보드4 에서 플래쉬를 통해 업로드를 하던 부분이 플래쉬가 서비스 종료되므로 더이상 지원이 되지 않는 이부분을 수정하기 위한 설정. 기존 플래쉬로 업로드 되던 부분을 업로드 수정한다. 수정파일 2개 /cheditor5/popup/image.html /cheditor5/popup/js/image.js 먼저 이두개의 파일을 백업을 해두시는게 좋겠습니다. -------------- image.html 수정 ----------------- 기존 &lt;script src...
  • 웹지기 05-06 779 0 0 댓글 0
+1
  • 51 팁자료[ yg5 ] 영카트 - 일정금액 이상 부터 결제 되게 하기
  • pc버젼 /shop/orderform.sub.php 1371줄 var tot_price = od_price + send_cost + send_cost2 - send_coupon - temp_point; 아랫줄 계좌이체, 신용카드, 휴대폰 등 최대 금액 설정 현금은 설정이 없음. 추가해주면 됨. /* 최소 결제 금액 추가 freemaster : 2020.12.15 */ /* if (document.getElementById("od_settle_iche&#...
  • 웹지기 12-15 1375 0 0 댓글 0
  • 50 팁자료[ yg5 ] 영카트 lg유플러스 결제 오류
  • 영카트에서 lg유플러스 결제시 오류가 발생하는 경우가 있었다 주문하기를 눌러도 아무런 반응이 없어서 확인을 해보았더니 plugin/lgxpay/lgdacom/ 폴더내에서 XPayClient.php XPayClient4DB.php 파일내부에서 parse_ini_file() 함수를 사용하는게 있다. 이 함수의 오류가 발생할 때parse_ini_string() 함수로 대처가 가능하다.
  • 웹지기 03-20 1651 0 0 댓글 1
  • 48 팁자료[ gnuboard ] 그누보드 shorturl 서버이전시 사용시 .htaccess 의 오류 방지
  • shorturl.lib.php에서 사용하는 .htaccess 파일때문에 생기는 오류를 방지 본인의 경우 CentOS7 minimal 버젼이 설치되었고, apm은 AAI로 설치 했다. AAI = https://apachezone.com 에서 다운을 받을 수 있다. # vim /etc/http/conf.d/계정.conf 변경해야 할 설정 &lt;/FilesMatch&gt; 이부분의 아래쪽에 &lt;Directory "/home/계정명/public...
  • 웹지기 12-06 585 0 0 댓글 0
  • 47 팁자료[ gnuboard ] 그누보드 data폴더 서버이전시 설정
  • data폴더의 퍼미션 707로 변경해준다. 폴더및 파일의 소유권을 계정:계정에서 apache:apache로 변경 또는 nobody:nobody로 변경해야 한다 본인은 CentOS7 minimal 과 AAI로 설치된 버젼이므로 apache:apache이다. 여기서 말하는 AAI는 https://apachezone.com 에서 배포하는 apm 이다 # cd /home/계정/public_html/data # chown -R apache:apache * 이렇게 변경해주면 data폴더 아래의...
  • 웹지기 12-06 538 0 0 댓글 0
+1
  • 44 팁자료[ php ] sir 홈페이지 처럼 사이트내 구글 검색기를 달자
  • sir.kr 홈페이지처럼 검색페이지가 상단과 하단부분은 내홈페이지를 사용하고, 중간부분만 구글의 검색을 사용하게 하려고 한다. 일단 상단의 검색부분은 검색어 입력하는 부분이 &lt;input type="text" name="stx" =====&gt; &lt;input type="text" name="q" 로 변경이 되어야 한다. 이건 구글검색시 q로 읽어들이기 때문에 꼭 저렇게 해야된...
  • 웹지기 12-06 353 0 0 댓글 0
  • 43 팁자료그누보드 최고관리자 비밀번호 까먹었을 때
  • 그누보드5 /bbs/login_check.php 32줄 부분 if (!$is_social_password_check &amp;&amp; (!$mb['mb_id'] || !check_password($mb_password, $mb['mb_password'])) ) { alert('가입된 회원아이디가 아니거나 비밀번호가 틀립니다.\\n비밀번호는 대소문자를 구분합니다.'); } 이렇게 된 부분에서 alert("~~~~~ 부분을 //alert("~~~~ ...
  • 웹지기 12-04 481 0 0 댓글 0
  • 42 팁자료다운로드파일이 여러개 일 때 각 번호마다 다운로드 포인트를 적용하기
  • 본 내용은 그누보드 5.3.1.6 을 기본으로 하였습니다. 일단. 그누보드 또는 영카트 5.3.1.6 이전버젼이라면 download.php 파일만 5.3.1.6이상의 버젼으로 업데이트 시키세요 download.php 51줄에 다음을 추가하면 된다. [code] //53줄 $ss_name = 'ss_down_'.$bo_table.'_'.$wr_id; $ss_name = 'ss_down_'.$bo_table.'_'.$wr_id.'_'.$no; //67줄 insert_poin...
  • 웹지기 11-12 451 0 0 댓글 0
  • 41 팁자료kcp 본인인증 성별,생년월일 추가하기
  • /plugin/kcpcert/kcpcert_result.php 211줄 인증정보 4가지만 존재합니다. $opener.$("input[name=mb_birth]").val("&lt;?php echo $birth_day; ?&gt;").attr("readonly", true); $opener.$("input[name=mb_sex]").val("&lt;?php echo ($sex_co...
  • 웹지기 11-02 387 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
4,325
어제
3,211
최대
24,117
전체
5,316,724

그누보드5
Copyright © funyphp.com. All rights reserved.