스마트에디터 2.8.2.3 보안패치 #63
This commit is contained in:
thisgun
@ -1,6 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* SmartEditor2 NAVER_Library:SE2.8.2.O12056
|
* SmartEditor2 NAVER_Library:SE2.8.2.O4259f59 * Copyright NAVER Corp. Licensed under LGPL v2
|
||||||
* Copyright NAVER Corp. Licensed under LGPL v2
|
|
||||||
* See license text at http://dev.naver.com/projects/smarteditor/wiki/LICENSE
|
* See license text at http://dev.naver.com/projects/smarteditor/wiki/LICENSE
|
||||||
*/
|
*/
|
||||||
if(typeof window.nhn=='undefined'){window.nhn = {};}
|
if(typeof window.nhn=='undefined'){window.nhn = {};}
|
||||||
@ -4241,9 +4240,9 @@ nhn.husky.SE_EditingAreaManager = jindo.$Class({
|
|||||||
return this.elEditingAreaContainer.offsetHeight;
|
return this.elEditingAreaContainer.offsetHeight;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
var nSE2Version = "12056";
|
var nSE2Version = "4259f59";
|
||||||
nhn.husky.SE_EditingAreaManager.version = {
|
nhn.husky.SE_EditingAreaManager.version = {
|
||||||
revision : "12056",
|
revision : "4259f59",
|
||||||
type : "open",
|
type : "open",
|
||||||
number : "2.8.2"
|
number : "2.8.2"
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,681 +0,0 @@
|
|||||||
//변수 선언 및 초기화
|
|
||||||
var nImageInfoCnt = 0;
|
|
||||||
var htImageInfo = []; //image file정보 저장
|
|
||||||
var aResult = [];
|
|
||||||
|
|
||||||
var rFilter = /^(image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png)$/i;
|
|
||||||
var rFilter2 = /^(bmp|gif|jpg|jpeg|png)$/i;
|
|
||||||
var nTotalSize = 0;
|
|
||||||
var nMaxImageSize = 10*1024*1024;
|
|
||||||
var nMaxTotalImageSize = 50*1024*1024;
|
|
||||||
var nMaxImageCount = 10;
|
|
||||||
var nImageFileCount = 0;
|
|
||||||
var bSupportDragAndDropAPI = false;
|
|
||||||
var oFileUploader;
|
|
||||||
var bAttachEvent = false;
|
|
||||||
|
|
||||||
//마크업에 따른 할당
|
|
||||||
var elContent= $("pop_content");
|
|
||||||
var elDropArea = jindo.$$.getSingle(".drag_area",elContent);
|
|
||||||
var elDropAreaUL = jindo.$$.getSingle(".lst_type",elContent);
|
|
||||||
var elCountTxtTxt = jindo.$$.getSingle("#imageCountTxt",elContent);
|
|
||||||
var elTotalSizeTxt = jindo.$$.getSingle("#totalSizeTxt",elContent);
|
|
||||||
var elTextGuide = $("guide_text");
|
|
||||||
var welUploadInputBox = $Element("uploadInputBox");
|
|
||||||
var oNavigator = jindo.$Agent().navigator();
|
|
||||||
|
|
||||||
//마크업-공통
|
|
||||||
var welBtnConfirm = $Element("btn_confirm"); //확인 버튼
|
|
||||||
var welBtnCancel= $Element("btn_cancel"); //취소 버튼
|
|
||||||
|
|
||||||
//진도로 랩핑된 element
|
|
||||||
var welTextGuide = $Element(elTextGuide);
|
|
||||||
var welDropArea = $Element(elDropArea);
|
|
||||||
var welDropAreaUL = $Element(elDropAreaUL);
|
|
||||||
var fnUploadImage = null;
|
|
||||||
|
|
||||||
//File API 지원 여부로 결정
|
|
||||||
function checkDragAndDropAPI(){
|
|
||||||
try{
|
|
||||||
if( !oNavigator.ie ){
|
|
||||||
if(!!oNavigator.safari && oNavigator.version <= 5){
|
|
||||||
bSupportDragAndDropAPI = false;
|
|
||||||
}else{
|
|
||||||
bSupportDragAndDropAPI = true;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
bSupportDragAndDropAPI = false;
|
|
||||||
}
|
|
||||||
}catch(e){
|
|
||||||
bSupportDragAndDropAPI = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//--------------- html5 미지원 브라우저에서 (IE9 이하) ---------------
|
|
||||||
/**
|
|
||||||
* 이미지를 첨부 후 활성화된 버튼 상태
|
|
||||||
*/
|
|
||||||
function goStartMode(){
|
|
||||||
var sSrc = welBtnConfirm.attr("src")|| "";
|
|
||||||
if(sSrc.indexOf("btn_confirm2.png") < 0 ){
|
|
||||||
welBtnConfirm.attr("src","../../img/photoQuickPopup/btn_confirm2.png");
|
|
||||||
fnUploadImage.attach(welBtnConfirm.$value(), "click");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 이미지를 첨부 전 비활성화된 버튼 상태
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function goReadyMode(){
|
|
||||||
var sSrc = welBtnConfirm.attr("src")|| "";
|
|
||||||
if(sSrc.indexOf("btn_confirm2.png") >= 0 ){
|
|
||||||
fnUploadImage.detach(welBtnConfirm.$value(), "click");
|
|
||||||
welBtnConfirm.attr("src","../../img/photoQuickPopup/btn_confirm.png");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 일반 업로드
|
|
||||||
* @desc oFileUploader의 upload함수를 호출함.
|
|
||||||
*/
|
|
||||||
function generalUpload(){
|
|
||||||
oFileUploader.upload();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이미지 첨부 전 안내 텍스트가 나오는 배경으로 '설정'하는 함수.
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function readyModeBG (){
|
|
||||||
var sClass = welTextGuide.className();
|
|
||||||
if(sClass.indexOf('nobg') >= 0){
|
|
||||||
welTextGuide.removeClass('nobg');
|
|
||||||
welTextGuide.className('bg');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이미지 첨부 전 안내 텍스트가 나오는 배경을 '제거'하는 함수.
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function startModeBG (){
|
|
||||||
var sClass = welTextGuide.className();
|
|
||||||
if(sClass.indexOf('nobg') < 0){
|
|
||||||
welTextGuide.removeClass('bg');
|
|
||||||
welTextGuide.className('nobg');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//--------------------- html5 지원되는 브라우저에서 사용하는 함수 --------------------------
|
|
||||||
/**
|
|
||||||
* 팝업에 노출될 업로드 예정 사진의 수.
|
|
||||||
* @param {Object} nCount 현재 업로드 예정인 사진 장수
|
|
||||||
* @param {Object} nVariable 삭제되는 수
|
|
||||||
*/
|
|
||||||
function updateViewCount (nCount, nVariable){
|
|
||||||
var nCnt = nCount + nVariable;
|
|
||||||
elCountTxtTxt.innerHTML = nCnt +"장";
|
|
||||||
nImageFileCount = nCnt;
|
|
||||||
return nCnt;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 팝업에 노출될 업로드될 사진 총 용량
|
|
||||||
*/
|
|
||||||
function updateViewTotalSize(){
|
|
||||||
var nViewTotalSize = Number(parseInt((nTotalSize || 0), 10) / (1024*1024));
|
|
||||||
elTotalSizeTxt.innerHTML = nViewTotalSize.toFixed(2) +"MB";
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이미지 전체 용량 재계산.
|
|
||||||
* @param {Object} sParentId
|
|
||||||
*/
|
|
||||||
function refreshTotalImageSize(sParentId){
|
|
||||||
var nDelImgSize = htImageInfo[sParentId].size;
|
|
||||||
if(nTotalSize - nDelImgSize > -1 ){
|
|
||||||
nTotalSize = nTotalSize - nDelImgSize;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* hash table에서 이미지 정보 초기화.
|
|
||||||
* @param {Object} sParentId
|
|
||||||
*/
|
|
||||||
function removeImageInfo (sParentId){
|
|
||||||
//삭제된 이미지의 공간을 초기화 한다.
|
|
||||||
htImageInfo[sParentId] = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* byte로 받은 이미지 용량을 화면에 표시를 위해 포맷팅
|
|
||||||
* @param {Object} nByte
|
|
||||||
*/
|
|
||||||
function setUnitString (nByte) {
|
|
||||||
var nImageSize;
|
|
||||||
var sUnit;
|
|
||||||
|
|
||||||
if(nByte < 0 ){
|
|
||||||
nByte = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
if( nByte < 1024) {
|
|
||||||
nImageSize = Number(nByte);
|
|
||||||
sUnit = 'B';
|
|
||||||
return nImageSize + sUnit;
|
|
||||||
} else if( nByte > (1024*1024)) {
|
|
||||||
nImageSize = Number(parseInt((nByte || 0), 10) / (1024*1024));
|
|
||||||
sUnit = 'MB';
|
|
||||||
return nImageSize.toFixed(2) + sUnit;
|
|
||||||
} else {
|
|
||||||
nImageSize = Number(parseInt((nByte || 0), 10) / 1024);
|
|
||||||
sUnit = 'KB';
|
|
||||||
return nImageSize.toFixed(0) + sUnit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 화면 목록에 적당하게 이름을 잘라서 표시.
|
|
||||||
* @param {Object} sName 파일명
|
|
||||||
* @param {Object} nMaxLng 최대 길이
|
|
||||||
*/
|
|
||||||
function cuttingNameByLength (sName, nMaxLng) {
|
|
||||||
var sTemp, nIndex;
|
|
||||||
if(sName.length > nMaxLng){
|
|
||||||
nIndex = sName.indexOf(".");
|
|
||||||
sTemp = sName.substring(0,nMaxLng) + "..." + sName.substring(nIndex,sName.length) ;
|
|
||||||
} else {
|
|
||||||
sTemp = sName;
|
|
||||||
}
|
|
||||||
return sTemp;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Total Image Size를 체크해서 추가로 이미지를 넣을지 말지를 결정함.
|
|
||||||
* @param {Object} nByte
|
|
||||||
*/
|
|
||||||
function checkTotalImageSize(nByte){
|
|
||||||
if( nTotalSize + nByte < nMaxTotalImageSize){
|
|
||||||
nTotalSize = nTotalSize + nByte;
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 이벤트 핸들러 할당
|
|
||||||
function dragEnter(ev) {
|
|
||||||
ev.stopPropagation();
|
|
||||||
ev.preventDefault();
|
|
||||||
}
|
|
||||||
|
|
||||||
function dragExit(ev) {
|
|
||||||
ev.stopPropagation();
|
|
||||||
ev.preventDefault();
|
|
||||||
}
|
|
||||||
|
|
||||||
function dragOver(ev) {
|
|
||||||
ev.stopPropagation();
|
|
||||||
ev.preventDefault();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 드랍 영역에 사진을 떨구는 순간 발생하는 이벤트
|
|
||||||
* @param {Object} ev
|
|
||||||
*/
|
|
||||||
function drop(ev) {
|
|
||||||
ev.stopPropagation();
|
|
||||||
ev.preventDefault();
|
|
||||||
|
|
||||||
if (nImageFileCount >= 10){
|
|
||||||
alert("최대 10장까지만 등록할 수 있습니다.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(typeof ev.dataTransfer.files == 'undefined'){
|
|
||||||
alert("HTML5를 지원하지 않는 브라우저입니다.");
|
|
||||||
}else{
|
|
||||||
//변수 선언
|
|
||||||
var wel,
|
|
||||||
files,
|
|
||||||
nCount,
|
|
||||||
sListTag = '';
|
|
||||||
|
|
||||||
//초기화
|
|
||||||
files = ev.dataTransfer.files;
|
|
||||||
nCount = files.length;
|
|
||||||
|
|
||||||
if (!!files && nCount === 0){
|
|
||||||
//파일이 아닌, 웹페이지에서 이미지를 드래서 놓는 경우.
|
|
||||||
alert("정상적인 첨부방식이 아닙니다.");
|
|
||||||
return ;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var i = 0, j = nImageFileCount ; i < nCount ; i++){
|
|
||||||
if (!rFilter.test(files[i].type)) {
|
|
||||||
alert("이미지파일 (jpg,gif,png,bmp)만 업로드 가능합니다.");
|
|
||||||
} else if(files[i].size > nMaxImageSize){
|
|
||||||
alert("이미지 용량이 10MB를 초과하여 등록할 수 없습니다.");
|
|
||||||
} else {
|
|
||||||
//제한된 수만 업로드 가능.
|
|
||||||
if ( j < nMaxImageCount ){
|
|
||||||
sListTag += addImage(files[i]);
|
|
||||||
|
|
||||||
//다음 사진을위한 셋팅
|
|
||||||
j = j+1;
|
|
||||||
nImageInfoCnt = nImageInfoCnt+1;
|
|
||||||
} else {
|
|
||||||
alert("최대 10장까지만 등록할 수 있습니다.");
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if(j > 0){
|
|
||||||
//배경 이미지 변경
|
|
||||||
startModeBG();
|
|
||||||
if ( sListTag.length > 1){
|
|
||||||
welDropAreaUL.prependHTML(sListTag);
|
|
||||||
}
|
|
||||||
//이미지 총사이즈 view update
|
|
||||||
updateViewTotalSize();
|
|
||||||
//이미치 총 수 view update
|
|
||||||
nImageFileCount = j;
|
|
||||||
updateViewCount(nImageFileCount, 0);
|
|
||||||
// 저장 버튼 활성화
|
|
||||||
goStartMode();
|
|
||||||
}else{
|
|
||||||
readyModeBG();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이미지를 추가하기 위해서 file을 저장하고, 목록에 보여주기 위해서 string을 만드는 함수.
|
|
||||||
* @param ofile 한개의 이미지 파일
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function addImage(ofile){
|
|
||||||
//파일 사이즈
|
|
||||||
var ofile = ofile,
|
|
||||||
sFileSize = 0,
|
|
||||||
sFileName = "",
|
|
||||||
sLiTag = "",
|
|
||||||
bExceedLimitTotalSize = false,
|
|
||||||
aFileList = [];
|
|
||||||
|
|
||||||
sFileSize = setUnitString(ofile.size);
|
|
||||||
sFileName = cuttingNameByLength(ofile.name, 15);
|
|
||||||
bExceedLimitTotalSize = checkTotalImageSize(ofile.size);
|
|
||||||
|
|
||||||
if( !!bExceedLimitTotalSize ){
|
|
||||||
alert("전체 이미지 용량이 50MB를 초과하여 등록할 수 없습니다. \n\n (파일명 : "+sFileName+", 사이즈 : "+sFileSize+")");
|
|
||||||
} else {
|
|
||||||
//이미지 정보 저장
|
|
||||||
htImageInfo['img'+nImageInfoCnt] = ofile;
|
|
||||||
|
|
||||||
//List 마크업 생성하기
|
|
||||||
aFileList.push(' <li id="img'+nImageInfoCnt+'" class="imgLi"><span>'+ sFileName +'</span>');
|
|
||||||
aFileList.push(' <em>'+ sFileSize +'</em>');
|
|
||||||
aFileList.push(' <a onclick="delImage(\'img'+nImageInfoCnt+'\')"><img class="del_button" src="../../img/photoQuickPopup/btn_del.png" width="14" height="13" alt="첨부 사진 삭제"></a>');
|
|
||||||
aFileList.push(' </li> ');
|
|
||||||
|
|
||||||
sLiTag = aFileList.join(" ");
|
|
||||||
aFileList = [];
|
|
||||||
}
|
|
||||||
return sLiTag;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* HTML5 DragAndDrop으로 사진을 추가하고, 확인버튼을 누른 경우에 동작한다.
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function html5Upload() {
|
|
||||||
var tempFile,
|
|
||||||
sUploadURL;
|
|
||||||
|
|
||||||
sUploadURL= 'file_uploader_html5.php'; //upload URL
|
|
||||||
|
|
||||||
//파일을 하나씩 보내고, 결과를 받음.
|
|
||||||
for(var j=0, k=0; j < nImageInfoCnt; j++) {
|
|
||||||
tempFile = htImageInfo['img'+j];
|
|
||||||
try{
|
|
||||||
if(!!tempFile){
|
|
||||||
//Ajax통신하는 부분. 파일과 업로더할 url을 전달한다.
|
|
||||||
callAjaxForHTML5(tempFile,sUploadURL);
|
|
||||||
k += 1;
|
|
||||||
}
|
|
||||||
}catch(e){}
|
|
||||||
tempFile = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function callAjaxForHTML5 (tempFile, sUploadURL){
|
|
||||||
var oAjax = jindo.$Ajax(sUploadURL, {
|
|
||||||
type: 'xhr',
|
|
||||||
method : "post",
|
|
||||||
onload : function(res){ // 요청이 완료되면 실행될 콜백 함수
|
|
||||||
var sResString = res._response.responseText;
|
|
||||||
if (res.readyState() == 4) {
|
|
||||||
if(sResString.indexOf("NOTALLOW_") > -1){
|
|
||||||
var sFileName = sResString.replace("NOTALLOW_", "");
|
|
||||||
alert("이미지 파일(jpg,gif,png,bmp)만 업로드 하실 수 있습니다. ("+sFileName+")");
|
|
||||||
}else{
|
|
||||||
//성공 시에 responseText를 가지고 array로 만드는 부분.
|
|
||||||
makeArrayFromString(res._response.responseText);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
timeout : 3,
|
|
||||||
onerror : jindo.$Fn(onAjaxError, this).bind()
|
|
||||||
});
|
|
||||||
oAjax.header("contentType","multipart/form-data");
|
|
||||||
oAjax.header("file-name",encodeURIComponent(tempFile.name));
|
|
||||||
oAjax.header("file-size",tempFile.size);
|
|
||||||
oAjax.header("file-Type",tempFile.type);
|
|
||||||
oAjax.request(tempFile);
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeArrayFromString(sResString){
|
|
||||||
var aTemp = [],
|
|
||||||
aSubTemp = [],
|
|
||||||
htTemp = {}
|
|
||||||
aResultleng = 0;
|
|
||||||
|
|
||||||
try{
|
|
||||||
if(!sResString || sResString.indexOf("sFileURL") < 0){
|
|
||||||
return ;
|
|
||||||
}
|
|
||||||
aTemp = sResString.split("&");
|
|
||||||
for (var i = 0; i < aTemp.length ; i++){
|
|
||||||
if( !!aTemp[i] && aTemp[i] != "" && aTemp[i].indexOf("=") > 0){
|
|
||||||
aSubTemp = aTemp[i].split("=");
|
|
||||||
htTemp[aSubTemp[0]] = aSubTemp[1];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}catch(e){}
|
|
||||||
|
|
||||||
aResultleng = aResult.length;
|
|
||||||
aResult[aResultleng] = htTemp;
|
|
||||||
|
|
||||||
if(aResult.length == nImageFileCount){
|
|
||||||
setPhotoToEditor(aResult);
|
|
||||||
aResult = null;
|
|
||||||
window.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 사진 삭제 시에 호출되는 함수
|
|
||||||
* @param {Object} sParentId
|
|
||||||
*/
|
|
||||||
function delImage (sParentId){
|
|
||||||
var elLi = jindo.$$.getSingle("#"+sParentId);
|
|
||||||
|
|
||||||
refreshTotalImageSize(sParentId);
|
|
||||||
|
|
||||||
updateViewTotalSize();
|
|
||||||
updateViewCount(nImageFileCount,-1);
|
|
||||||
//사진 file array에서 정보 삭제.
|
|
||||||
removeImageInfo(sParentId);
|
|
||||||
//해당 li삭제
|
|
||||||
$Element(elLi).leave();
|
|
||||||
|
|
||||||
//마지막 이미지인경우.
|
|
||||||
if(nImageFileCount === 0){
|
|
||||||
readyModeBG();
|
|
||||||
//사진 추가 버튼 비활성화
|
|
||||||
goReadyMode();
|
|
||||||
}
|
|
||||||
|
|
||||||
// drop 영역 이벤트 다시 활성화.
|
|
||||||
if(!bAttachEvent){
|
|
||||||
addEvent();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이벤트 할당
|
|
||||||
*/
|
|
||||||
function addEvent() {
|
|
||||||
bAttachEvent = true;
|
|
||||||
elDropArea.addEventListener("dragenter", dragEnter, false);
|
|
||||||
elDropArea.addEventListener("dragexit", dragExit, false);
|
|
||||||
elDropArea.addEventListener("dragover", dragOver, false);
|
|
||||||
elDropArea.addEventListener("drop", drop, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeEvent(){
|
|
||||||
bAttachEvent = false;
|
|
||||||
elDropArea.removeEventListener("dragenter", dragEnter, false);
|
|
||||||
elDropArea.removeEventListener("dragexit", dragExit, false);
|
|
||||||
elDropArea.removeEventListener("dragover", dragOver, false);
|
|
||||||
elDropArea.removeEventListener("drop", drop, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Ajax 통신 시 error가 발생할 때 처리하는 함수입니다.
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
function onAjaxError (){
|
|
||||||
alert("[가이드]사진 업로더할 서버URL셋팅이 필요합니다.-onAjaxError");
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 이미지 업로드 시작
|
|
||||||
* 확인 버튼 클릭하면 호출되는 msg
|
|
||||||
*/
|
|
||||||
function uploadImage (e){
|
|
||||||
if(!bSupportDragAndDropAPI){
|
|
||||||
generalUpload();
|
|
||||||
}else{
|
|
||||||
html5Upload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* jindo에 파일 업로드 사용.(iframe에 Form을 Submit하여 리프레시없이 파일을 업로드하는 컴포넌트)
|
|
||||||
*/
|
|
||||||
function callFileUploader (){
|
|
||||||
oFileUploader = new jindo.FileUploader(jindo.$("uploadInputBox"),{
|
|
||||||
sUrl : location.href.replace(/\/[^\/]*$/, '') + '/file_uploader.php', //샘플 URL입니다.
|
|
||||||
sCallback : location.href.replace(/\/[^\/]*$/, '') + '/callback.html', //업로드 이후에 iframe이 redirect될 콜백페이지의 주소
|
|
||||||
sFiletype : "*.jpg;*.png;*.bmp;*.gif", //허용할 파일의 형식. ex) "*", "*.*", "*.jpg", 구분자(;)
|
|
||||||
sMsgNotAllowedExt : 'JPG, GIF, PNG, BMP 확장자만 가능합니다', //허용할 파일의 형식이 아닌경우에 띄워주는 경고창의 문구
|
|
||||||
bAutoUpload : false, //파일이 선택됨과 동시에 자동으로 업로드를 수행할지 여부 (upload 메소드 수행)
|
|
||||||
bAutoReset : true // 업로드한 직후에 파일폼을 리셋 시킬지 여부 (reset 메소드 수행)
|
|
||||||
}).attach({
|
|
||||||
select : function(oCustomEvent) {
|
|
||||||
//파일 선택이 완료되었을 때 발생
|
|
||||||
// oCustomEvent (이벤트 객체) = {
|
|
||||||
// sValue (String) 선택된 File Input의 값
|
|
||||||
// bAllowed (Boolean) 선택된 파일의 형식이 허용되는 형식인지 여부
|
|
||||||
// sMsgNotAllowedExt (String) 허용되지 않는 파일 형식인 경우 띄워줄 경고메세지
|
|
||||||
// }
|
|
||||||
// 선택된 파일의 형식이 허용되는 경우만 처리
|
|
||||||
if(oCustomEvent.bAllowed === true){
|
|
||||||
goStartMode();
|
|
||||||
}else{
|
|
||||||
goReadyMode();
|
|
||||||
oFileUploader.reset();
|
|
||||||
}
|
|
||||||
// bAllowed 값이 false인 경우 경고문구와 함께 alert 수행
|
|
||||||
// oCustomEvent.stop(); 수행시 bAllowed 가 false이더라도 alert이 수행되지 않음
|
|
||||||
},
|
|
||||||
success : function(oCustomEvent) {
|
|
||||||
// alert("success");
|
|
||||||
// 업로드가 성공적으로 완료되었을 때 발생
|
|
||||||
// oCustomEvent(이벤트 객체) = {
|
|
||||||
// htResult (Object) 서버에서 전달해주는 결과 객체 (서버 설정에 따라 유동적으로 선택가능)
|
|
||||||
// }
|
|
||||||
var aResult = [];
|
|
||||||
aResult[0] = oCustomEvent.htResult;
|
|
||||||
setPhotoToEditor(aResult);
|
|
||||||
//버튼 비활성화
|
|
||||||
goReadyMode();
|
|
||||||
oFileUploader.reset();
|
|
||||||
window.close();
|
|
||||||
},
|
|
||||||
error : function(oCustomEvent) {
|
|
||||||
//업로드가 실패했을 때 발생
|
|
||||||
//oCustomEvent(이벤트 객체) = {
|
|
||||||
// htResult : { (Object) 서버에서 전달해주는 결과 객체. 에러발생시 errstr 프로퍼티를 반드시 포함하도록 서버 응답을 설정하여야한다.
|
|
||||||
// errstr : (String) 에러메시지
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
//var wel = jindo.$Element("info");
|
|
||||||
//wel.html(oCustomEvent.htResult.errstr);
|
|
||||||
alert(oCustomEvent.htResult.errstr);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 페이지 닫기 버튼 클릭
|
|
||||||
*/
|
|
||||||
function closeWindow(){
|
|
||||||
if(bSupportDragAndDropAPI){
|
|
||||||
removeEvent();
|
|
||||||
}
|
|
||||||
window.close();
|
|
||||||
}
|
|
||||||
|
|
||||||
window.onload = function(){
|
|
||||||
checkDragAndDropAPI();
|
|
||||||
|
|
||||||
if(bSupportDragAndDropAPI){
|
|
||||||
$Element("pop_container2").hide();
|
|
||||||
$Element("pop_container").show();
|
|
||||||
|
|
||||||
welTextGuide.removeClass("nobg");
|
|
||||||
welTextGuide.className("bg");
|
|
||||||
|
|
||||||
addEvent();
|
|
||||||
} else {
|
|
||||||
$Element("pop_container").hide();
|
|
||||||
$Element("pop_container2").show();
|
|
||||||
callFileUploader();
|
|
||||||
}
|
|
||||||
fnUploadImage = $Fn(uploadImage,this);
|
|
||||||
$Fn(closeWindow,this).attach(welBtnCancel.$value(), "click");
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 서버로부터 받은 데이타를 에디터에 전달하고 창을 닫음.
|
|
||||||
* @parameter aFileInfo [{},{},...]
|
|
||||||
* @ex aFileInfo = [
|
|
||||||
* {
|
|
||||||
sFileName : "nmms_215646753.gif",
|
|
||||||
sFileURL :"http://static.naver.net/www/u/2010/0611/nmms_215646753.gif",
|
|
||||||
bNewLine : true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
sFileName : "btn_sch_over.gif",
|
|
||||||
sFileURL :"http://static1.naver.net/w9/btn_sch_over.gif",
|
|
||||||
bNewLine : true
|
|
||||||
}
|
|
||||||
* ]
|
|
||||||
*/
|
|
||||||
function setPhotoToEditor(oFileInfo){
|
|
||||||
if (!!opener && !!opener.nhn && !!opener.nhn.husky && !!opener.nhn.husky.PopUpManager) {
|
|
||||||
//스마트 에디터 플러그인을 통해서 넣는 방법 (oFileInfo는 Array)
|
|
||||||
opener.nhn.husky.PopUpManager.setCallback(window, 'SET_PHOTO', [oFileInfo]);
|
|
||||||
//본문에 바로 tag를 넣는 방법 (oFileInfo는 String으로 <img src=....> )
|
|
||||||
//opener.nhn.husky.PopUpManager.setCallback(window, 'PASTE_HTML', [oFileInfo]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2012.05 현재] jindo.$Ajax.prototype.request에서 file과 form을 지원하지 안함.
|
|
||||||
jindo.$Ajax.prototype.request = function(oData) {
|
|
||||||
this._status++;
|
|
||||||
var t = this;
|
|
||||||
var req = this._request;
|
|
||||||
var opt = this._options;
|
|
||||||
var data, v,a = [], data = "";
|
|
||||||
var _timer = null;
|
|
||||||
var url = this._url;
|
|
||||||
this._is_abort = false;
|
|
||||||
|
|
||||||
if( opt.postBody && opt.type.toUpperCase()=="XHR" && opt.method.toUpperCase()!="GET"){
|
|
||||||
if(typeof oData == 'string'){
|
|
||||||
data = oData;
|
|
||||||
}else{
|
|
||||||
data = jindo.$Json(oData).toString();
|
|
||||||
}
|
|
||||||
}else if (typeof oData == "undefined" || !oData) {
|
|
||||||
data = null;
|
|
||||||
} else {
|
|
||||||
data = oData;
|
|
||||||
}
|
|
||||||
|
|
||||||
req.open(opt.method.toUpperCase(), url, opt.async);
|
|
||||||
if (opt.sendheader) {
|
|
||||||
if(!this._headers["Content-Type"]){
|
|
||||||
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
|
|
||||||
}
|
|
||||||
req.setRequestHeader("charset", "utf-8");
|
|
||||||
for (var x in this._headers) {
|
|
||||||
if(this._headers.hasOwnProperty(x)){
|
|
||||||
if (typeof this._headers[x] == "function")
|
|
||||||
continue;
|
|
||||||
req.setRequestHeader(x, String(this._headers[x]));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var navi = navigator.userAgent;
|
|
||||||
if(req.addEventListener&&!(navi.indexOf("Opera") > -1)&&!(navi.indexOf("MSIE") > -1)){
|
|
||||||
/*
|
|
||||||
* opera 10.60에서 XMLHttpRequest에 addEventListener기 추가되었지만 정상적으로 동작하지 않아 opera는 무조건 dom1방식으로 지원함.
|
|
||||||
* IE9에서도 opera와 같은 문제가 있음.
|
|
||||||
*/
|
|
||||||
if(this._loadFunc){ req.removeEventListener("load", this._loadFunc, false); }
|
|
||||||
this._loadFunc = function(rq){
|
|
||||||
clearTimeout(_timer);
|
|
||||||
_timer = undefined;
|
|
||||||
t._onload(rq);
|
|
||||||
}
|
|
||||||
req.addEventListener("load", this._loadFunc, false);
|
|
||||||
}else{
|
|
||||||
if (typeof req.onload != "undefined") {
|
|
||||||
req.onload = function(rq){
|
|
||||||
if(req.readyState == 4 && !t._is_abort){
|
|
||||||
clearTimeout(_timer);
|
|
||||||
_timer = undefined;
|
|
||||||
t._onload(rq);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
/*
|
|
||||||
* IE6에서는 onreadystatechange가 동기적으로 실행되어 timeout이벤트가 발생안됨.
|
|
||||||
* 그래서 interval로 체크하여 timeout이벤트가 정상적으로 발생되도록 수정. 비동기 방식일때만
|
|
||||||
|
|
||||||
*/
|
|
||||||
if(window.navigator.userAgent.match(/(?:MSIE) ([0-9.]+)/)[1]==6&&opt.async){
|
|
||||||
var onreadystatechange = function(rq){
|
|
||||||
if(req.readyState == 4 && !t._is_abort){
|
|
||||||
if(_timer){
|
|
||||||
clearTimeout(_timer);
|
|
||||||
_timer = undefined;
|
|
||||||
}
|
|
||||||
t._onload(rq);
|
|
||||||
clearInterval(t._interval);
|
|
||||||
t._interval = undefined;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
this._interval = setInterval(onreadystatechange,300);
|
|
||||||
|
|
||||||
}else{
|
|
||||||
req.onreadystatechange = function(rq){
|
|
||||||
if(req.readyState == 4){
|
|
||||||
clearTimeout(_timer);
|
|
||||||
_timer = undefined;
|
|
||||||
t._onload(rq);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
req.send(data);
|
|
||||||
return this;
|
|
||||||
};
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
||||||
<title>FileUploader Callback</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<script type="text/javascript">
|
|
||||||
// alert("callback");
|
|
||||||
// document.domain 설정
|
|
||||||
try { document.domain = "http://*.naver.com"; } catch(e) {}
|
|
||||||
|
|
||||||
// execute callback script
|
|
||||||
var sUrl = document.location.search.substr(1);
|
|
||||||
if (sUrl != "blank") {
|
|
||||||
var oParameter = {}; // query array
|
|
||||||
|
|
||||||
sUrl.replace(/([^=]+)=([^&]*)(&|$)/g, function(){
|
|
||||||
oParameter[arguments[1]] = arguments[2];
|
|
||||||
return "";
|
|
||||||
});
|
|
||||||
|
|
||||||
if ((oParameter.errstr || '').length) { // on error
|
|
||||||
(parent.jindo.FileUploader._oCallback[oParameter.callback_func+'_error'])(oParameter);
|
|
||||||
} else {
|
|
||||||
(parent.jindo.FileUploader._oCallback[oParameter.callback_func+'_success'])(oParameter);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
<?php
|
|
||||||
//사용하지 않으니 막아놓겠습니다.
|
|
||||||
exit;
|
|
||||||
include_once("../../../../../common.php");
|
|
||||||
// default redirection
|
|
||||||
$url = $_REQUEST["callback"].'?callback_func='.$_REQUEST["callback_func"];
|
|
||||||
$bSuccessUpload = is_uploaded_file($_FILES['Filedata']['tmp_name']);
|
|
||||||
|
|
||||||
$ym = date('ym', G5_SERVER_TIME);
|
|
||||||
|
|
||||||
$data_dir = G5_DATA_PATH.'/editor/'.$ym;
|
|
||||||
$data_url = G5_DATA_URL.'/editor/'.$ym;
|
|
||||||
|
|
||||||
@mkdir($data_dir, G5_DIR_PERMISSION);
|
|
||||||
@chmod($data_dir, G5_DIR_PERMISSION);
|
|
||||||
|
|
||||||
// SUCCESSFUL
|
|
||||||
if(bSuccessUpload) {
|
|
||||||
$tmp_name = $_FILES['Filedata']['tmp_name'];
|
|
||||||
$name = $_FILES['Filedata']['name'];
|
|
||||||
|
|
||||||
$filename_ext = strtolower(array_pop(explode('.',$name)));
|
|
||||||
|
|
||||||
|
|
||||||
if (!preg_match("/(jpe?g|gif|bmp|png)$/i", $filename_ext)) {
|
|
||||||
$url .= '&errstr='.$name;
|
|
||||||
} else {
|
|
||||||
|
|
||||||
$file_name = sprintf('%u', ip2long($_SERVER['REMOTE_ADDR'])).'_'.get_microtime().".".$filename_ext;
|
|
||||||
$save_dir = sprintf('%s/%s', $data_dir, $file_name);
|
|
||||||
$save_url = sprintf('%s/%s', $data_url, $file_name);
|
|
||||||
|
|
||||||
@move_uploaded_file($tmp_name, $save_dir);
|
|
||||||
|
|
||||||
$url .= "&bNewLine=true";
|
|
||||||
$url .= "&sFileName=".$name;
|
|
||||||
$url .= "&sFileURL=".$save_url;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// FAILED
|
|
||||||
else {
|
|
||||||
$url .= '&errstr=error';
|
|
||||||
}
|
|
||||||
|
|
||||||
header('Location: '. $url);
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
<?php
|
|
||||||
//사용하지 않으니 막아놓겠습니다.
|
|
||||||
exit;
|
|
||||||
include_once("../../../../../common.php");
|
|
||||||
|
|
||||||
$ym = date('ym', G5_SERVER_TIME);
|
|
||||||
|
|
||||||
$data_dir = G5_DATA_PATH.'/editor/'.$ym;
|
|
||||||
$data_url = G5_DATA_URL.'/editor/'.$ym;
|
|
||||||
|
|
||||||
@mkdir($data_dir, G5_DIR_PERMISSION);
|
|
||||||
@chmod($data_dir, G5_DIR_PERMISSION);
|
|
||||||
|
|
||||||
$sFileInfo = '';
|
|
||||||
$headers = array();
|
|
||||||
|
|
||||||
foreach($_SERVER as $k => $v) {
|
|
||||||
if(substr($k, 0, 9) == "HTTP_FILE") {
|
|
||||||
$k = substr(strtolower($k), 5);
|
|
||||||
$headers[$k] = $v;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$file = new stdClass;
|
|
||||||
//$file->name = str_replace("\0", "", rawurldecode($headers['file_name']));
|
|
||||||
$file->name = str_replace("\0", "", rawurldecode($headers['file_name']));
|
|
||||||
$file->size = $headers['file_size'];
|
|
||||||
$file->content = file_get_contents("php://input");
|
|
||||||
|
|
||||||
$filename_ext = strtolower(array_pop(explode('.',$file->name)));
|
|
||||||
|
|
||||||
if (!preg_match("/(jpe?g|gif|bmp|png)$/i", $filename_ext)) {
|
|
||||||
echo "NOTALLOW_".$file->name;
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
//$file_name = iconv("utf-8", "cp949", $file->name);
|
|
||||||
$file_name = sprintf('%u', ip2long($_SERVER['REMOTE_ADDR'])).'_'.get_microtime().".".$filename_ext;
|
|
||||||
$newPath = $data_dir."/".$file_name;
|
|
||||||
$save_url = sprintf('%s/%s', $data_url, $file_name);
|
|
||||||
|
|
||||||
if(file_put_contents($newPath, $file->content)) {
|
|
||||||
$sFileInfo .= "&bNewLine=true";
|
|
||||||
$sFileInfo .= "&sFileName=".$file->name;
|
|
||||||
$sFileInfo .= "&sFileURL=".$save_url;
|
|
||||||
}
|
|
||||||
|
|
||||||
echo $sFileInfo;
|
|
||||||
|
|
||||||
@ -1,390 +0,0 @@
|
|||||||
/**
|
|
||||||
* Jindo Component
|
|
||||||
* @version 1.0.3
|
|
||||||
* NHN_Library:Jindo_Component-1.0.3;JavaScript Components for Jindo;
|
|
||||||
* @include Component, UIComponent, FileUploader
|
|
||||||
*/
|
|
||||||
jindo.Component = jindo.$Class({
|
|
||||||
_htEventHandler: null,
|
|
||||||
_htOption: null,
|
|
||||||
$init: function () {
|
|
||||||
var aInstance = this.constructor.getInstance();
|
|
||||||
aInstance.push(this);
|
|
||||||
this._htEventHandler = {};
|
|
||||||
this._htOption = {};
|
|
||||||
this._htOption._htSetter = {};
|
|
||||||
},
|
|
||||||
option: function (sName, vValue) {
|
|
||||||
switch (typeof sName) {
|
|
||||||
case "undefined":
|
|
||||||
return this._htOption;
|
|
||||||
case "string":
|
|
||||||
if (typeof vValue != "undefined") {
|
|
||||||
if (sName == "htCustomEventHandler") {
|
|
||||||
if (typeof this._htOption[sName] == "undefined") {
|
|
||||||
this.attach(vValue);
|
|
||||||
} else {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._htOption[sName] = vValue;
|
|
||||||
if (typeof this._htOption._htSetter[sName] == "function") {
|
|
||||||
this._htOption._htSetter[sName](vValue);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return this._htOption[sName];
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "object":
|
|
||||||
for (var sKey in sName) {
|
|
||||||
if (sKey == "htCustomEventHandler") {
|
|
||||||
if (typeof this._htOption[sKey] == "undefined") {
|
|
||||||
this.attach(sName[sKey]);
|
|
||||||
} else {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._htOption[sKey] = sName[sKey];
|
|
||||||
if (typeof this._htOption._htSetter[sKey] == "function") {
|
|
||||||
this._htOption._htSetter[sKey](sName[sKey]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
optionSetter: function (sName, fSetter) {
|
|
||||||
switch (typeof sName) {
|
|
||||||
case "undefined":
|
|
||||||
return this._htOption._htSetter;
|
|
||||||
case "string":
|
|
||||||
if (typeof fSetter != "undefined") {
|
|
||||||
this._htOption._htSetter[sName] = jindo.$Fn(fSetter, this).bind();
|
|
||||||
} else {
|
|
||||||
return this._htOption._htSetter[sName];
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "object":
|
|
||||||
for (var sKey in sName) {
|
|
||||||
this._htOption._htSetter[sKey] = jindo.$Fn(sName[sKey], this).bind();
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
fireEvent: function (sEvent, oEvent) {
|
|
||||||
oEvent = oEvent || {};
|
|
||||||
var fInlineHandler = this['on' + sEvent],
|
|
||||||
aHandlerList = this._htEventHandler[sEvent] || [],
|
|
||||||
bHasInlineHandler = typeof fInlineHandler == "function",
|
|
||||||
bHasHandlerList = aHandlerList.length > 0;
|
|
||||||
if (!bHasInlineHandler && !bHasHandlerList) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
aHandlerList = aHandlerList.concat();
|
|
||||||
oEvent.sType = sEvent;
|
|
||||||
if (typeof oEvent._aExtend == 'undefined') {
|
|
||||||
oEvent._aExtend = [];
|
|
||||||
oEvent.stop = function () {
|
|
||||||
if (oEvent._aExtend.length > 0) {
|
|
||||||
oEvent._aExtend[oEvent._aExtend.length - 1].bCanceled = true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
oEvent._aExtend.push({
|
|
||||||
sType: sEvent,
|
|
||||||
bCanceled: false
|
|
||||||
});
|
|
||||||
var aArg = [oEvent],
|
|
||||||
i, nLen;
|
|
||||||
for (i = 2, nLen = arguments.length; i < nLen; i++) {
|
|
||||||
aArg.push(arguments[i]);
|
|
||||||
}
|
|
||||||
if (bHasInlineHandler) {
|
|
||||||
fInlineHandler.apply(this, aArg);
|
|
||||||
}
|
|
||||||
if (bHasHandlerList) {
|
|
||||||
var fHandler;
|
|
||||||
for (i = 0, fHandler;
|
|
||||||
(fHandler = aHandlerList[i]); i++) {
|
|
||||||
fHandler.apply(this, aArg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return !oEvent._aExtend.pop().bCanceled;
|
|
||||||
},
|
|
||||||
attach: function (sEvent, fHandlerToAttach) {
|
|
||||||
if (arguments.length == 1) {
|
|
||||||
jindo.$H(arguments[0]).forEach(jindo.$Fn(function (fHandler, sEvent) {
|
|
||||||
this.attach(sEvent, fHandler);
|
|
||||||
}, this).bind());
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
var aHandler = this._htEventHandler[sEvent];
|
|
||||||
if (typeof aHandler == 'undefined') {
|
|
||||||
aHandler = this._htEventHandler[sEvent] = [];
|
|
||||||
}
|
|
||||||
aHandler.push(fHandlerToAttach);
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
detach: function (sEvent, fHandlerToDetach) {
|
|
||||||
if (arguments.length == 1) {
|
|
||||||
jindo.$H(arguments[0]).forEach(jindo.$Fn(function (fHandler, sEvent) {
|
|
||||||
this.detach(sEvent, fHandler);
|
|
||||||
}, this).bind());
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
var aHandler = this._htEventHandler[sEvent];
|
|
||||||
if (aHandler) {
|
|
||||||
for (var i = 0, fHandler;
|
|
||||||
(fHandler = aHandler[i]); i++) {
|
|
||||||
if (fHandler === fHandlerToDetach) {
|
|
||||||
aHandler = aHandler.splice(i, 1);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
detachAll: function (sEvent) {
|
|
||||||
var aHandler = this._htEventHandler;
|
|
||||||
if (arguments.length) {
|
|
||||||
if (typeof aHandler[sEvent] == 'undefined') {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
delete aHandler[sEvent];
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
for (var o in aHandler) {
|
|
||||||
delete aHandler[o];
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
jindo.Component.factory = function (aObject, htOption) {
|
|
||||||
var aReturn = [],
|
|
||||||
oInstance;
|
|
||||||
if (typeof htOption == "undefined") {
|
|
||||||
htOption = {};
|
|
||||||
}
|
|
||||||
for (var i = 0, el;
|
|
||||||
(el = aObject[i]); i++) {
|
|
||||||
oInstance = new this(el, htOption);
|
|
||||||
aReturn[aReturn.length] = oInstance;
|
|
||||||
}
|
|
||||||
return aReturn;
|
|
||||||
};
|
|
||||||
jindo.Component.getInstance = function () {
|
|
||||||
if (typeof this._aInstance == "undefined") {
|
|
||||||
this._aInstance = [];
|
|
||||||
}
|
|
||||||
return this._aInstance;
|
|
||||||
};
|
|
||||||
jindo.UIComponent = jindo.$Class({
|
|
||||||
$init: function () {
|
|
||||||
this._bIsActivating = false;
|
|
||||||
},
|
|
||||||
isActivating: function () {
|
|
||||||
return this._bIsActivating;
|
|
||||||
},
|
|
||||||
activate: function () {
|
|
||||||
if (this.isActivating()) {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
this._bIsActivating = true;
|
|
||||||
if (arguments.length > 0) {
|
|
||||||
this._onActivate.apply(this, arguments);
|
|
||||||
} else {
|
|
||||||
this._onActivate();
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
deactivate: function () {
|
|
||||||
if (!this.isActivating()) {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
this._bIsActivating = false;
|
|
||||||
if (arguments.length > 0) {
|
|
||||||
this._onDeactivate.apply(this, arguments);
|
|
||||||
} else {
|
|
||||||
this._onDeactivate();
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}).extend(jindo.Component);
|
|
||||||
jindo.FileUploader = jindo.$Class({
|
|
||||||
_bIsActivating: false,
|
|
||||||
_aHiddenInput: [],
|
|
||||||
$init: function (elFileSelect, htOption) {
|
|
||||||
var htDefaultOption = {
|
|
||||||
sUrl: '',
|
|
||||||
sCallback: '',
|
|
||||||
htData: {},
|
|
||||||
sFiletype: '*',
|
|
||||||
sMsgNotAllowedExt: "업로드가 허용되지 않는 파일형식입니다",
|
|
||||||
bAutoUpload: false,
|
|
||||||
bAutoReset: true,
|
|
||||||
bActivateOnload: true
|
|
||||||
};
|
|
||||||
this.option(htDefaultOption);
|
|
||||||
this.option(htOption || {});
|
|
||||||
this._el = jindo.$(elFileSelect);
|
|
||||||
this._wel = jindo.$Element(this._el);
|
|
||||||
this._elForm = this._el.form;
|
|
||||||
this._aHiddenInput = [];
|
|
||||||
this.constructor._oCallback = {};
|
|
||||||
this._wfChange = jindo.$Fn(this._onFileSelectChange, this);
|
|
||||||
if (this.option("bActivateOnload")) {
|
|
||||||
this.activate();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_appendIframe: function () {
|
|
||||||
var sIframeName = 'tmpFrame_' + this._makeUniqueId();
|
|
||||||
this._welIframe = jindo.$Element(jindo.$('<iframe name="' + sIframeName + '" src="' + this.option("sCallback") + '?blank">')).css({
|
|
||||||
width: '10px',
|
|
||||||
border: '2px',
|
|
||||||
height: '10px',
|
|
||||||
left: '10px',
|
|
||||||
top: '10px'
|
|
||||||
});
|
|
||||||
document.body.appendChild(this._welIframe.$value());
|
|
||||||
},
|
|
||||||
_removeIframe: function () {
|
|
||||||
this._welIframe.leave();
|
|
||||||
},
|
|
||||||
getBaseElement: function () {
|
|
||||||
return this.getFileSelect();
|
|
||||||
},
|
|
||||||
getFileSelect: function () {
|
|
||||||
return this._el;
|
|
||||||
},
|
|
||||||
getFormElement: function () {
|
|
||||||
return this._elForm;
|
|
||||||
},
|
|
||||||
upload: function () {
|
|
||||||
this._appendIframe();
|
|
||||||
var elForm = this.getFormElement(),
|
|
||||||
welForm = jindo.$Element(elForm),
|
|
||||||
sIframeName = this._welIframe.attr("name"),
|
|
||||||
sFunctionName = sIframeName + '_func',
|
|
||||||
sAction = this.option("sUrl");
|
|
||||||
welForm.attr({
|
|
||||||
target: sIframeName,
|
|
||||||
action: sAction
|
|
||||||
});
|
|
||||||
this._aHiddenInput.push(this._createElement('input', {
|
|
||||||
'type': 'hidden',
|
|
||||||
'name': 'callback',
|
|
||||||
'value': this.option("sCallback")
|
|
||||||
}));
|
|
||||||
this._aHiddenInput.push(this._createElement('input', {
|
|
||||||
'type': 'hidden',
|
|
||||||
'name': 'callback_func',
|
|
||||||
'value': sFunctionName
|
|
||||||
}));
|
|
||||||
for (var k in this.option("htData")) {
|
|
||||||
this._aHiddenInput.push(this._createElement('input', {
|
|
||||||
'type': 'hidden',
|
|
||||||
'name': k,
|
|
||||||
'value': this.option("htData")[k]
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
for (var i = 0; i < this._aHiddenInput.length; i++) {
|
|
||||||
elForm.appendChild(this._aHiddenInput[i]);
|
|
||||||
}
|
|
||||||
this.constructor._oCallback[sFunctionName + '_success'] = jindo.$Fn(function (oParameter) {
|
|
||||||
this.fireEvent("success", {
|
|
||||||
htResult: oParameter
|
|
||||||
});
|
|
||||||
delete this.constructor._oCallback[oParameter.callback_func + '_success'];
|
|
||||||
delete this.constructor._oCallback[oParameter.callback_func + '_error'];
|
|
||||||
for (var i = 0; i < this._aHiddenInput.length; i++) {
|
|
||||||
jindo.$Element(this._aHiddenInput[i]).leave();
|
|
||||||
}
|
|
||||||
this._aHiddenInput.length = 0;
|
|
||||||
this._removeIframe();
|
|
||||||
}, this).bind();
|
|
||||||
this.constructor._oCallback[sFunctionName + '_error'] = jindo.$Fn(function (oParameter) {
|
|
||||||
this.fireEvent("error", {
|
|
||||||
htResult: oParameter
|
|
||||||
});
|
|
||||||
delete this.constructor._oCallback[oParameter.callback_func + '_success'];
|
|
||||||
delete this.constructor._oCallback[oParameter.callback_func + '_error'];
|
|
||||||
for (var i = 0; i < this._aHiddenInput.length; i++) {
|
|
||||||
jindo.$Element(this._aHiddenInput[i]).leave();
|
|
||||||
}
|
|
||||||
this._aHiddenInput.length = 0;
|
|
||||||
this._removeIframe();
|
|
||||||
}, this).bind();
|
|
||||||
|
|
||||||
elForm.submit();
|
|
||||||
if (this.option("bAutoReset")) {
|
|
||||||
this.reset();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
reset: function () {
|
|
||||||
var elWrapForm = jindo.$("<form>");
|
|
||||||
this._wel.wrap(elWrapForm);
|
|
||||||
elWrapForm.reset();
|
|
||||||
jindo.$Element(elWrapForm).replace(this._el);
|
|
||||||
var elForm = this.getFormElement(),
|
|
||||||
welForm = jindo.$Element(elForm);
|
|
||||||
welForm.attr({
|
|
||||||
target: this._sPrevTarget,
|
|
||||||
action: this._sAction
|
|
||||||
});
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
_onActivate: function () {
|
|
||||||
var elForm = this.getFormElement(),
|
|
||||||
welForm = jindo.$Element(elForm);
|
|
||||||
this._sPrevTarget = welForm.attr("target");
|
|
||||||
this._sAction = welForm.attr("action");
|
|
||||||
this._el.value = "";
|
|
||||||
this._wfChange.attach(this._el, "change");
|
|
||||||
},
|
|
||||||
_onDeactivate: function () {
|
|
||||||
this._wfChange.detach(this._el, "change");
|
|
||||||
},
|
|
||||||
_makeUniqueId: function () {
|
|
||||||
return new Date().getMilliseconds() + Math.floor(Math.random() * 100000);
|
|
||||||
},
|
|
||||||
_createElement: function (name, attributes) {
|
|
||||||
var el = jindo.$("<" + name + ">");
|
|
||||||
var wel = jindo.$Element(el);
|
|
||||||
for (var k in attributes) {
|
|
||||||
wel.attr(k, attributes[k]);
|
|
||||||
}
|
|
||||||
return el;
|
|
||||||
},
|
|
||||||
_checkExtension: function (sFile) {
|
|
||||||
var aType = this.option("sFiletype").split(';');
|
|
||||||
for (var i = 0, sType; i < aType.length; i++) {
|
|
||||||
sType = (aType[i] == "*.*") ? "*" : aType[i];
|
|
||||||
sType = sType.replace(/^\s+|\s+$/, '');
|
|
||||||
sType = sType.replace(/\./g, '\\.');
|
|
||||||
sType = sType.replace(/\*/g, '[^\\\/]+');
|
|
||||||
if ((new RegExp(sType + '$', 'gi')).test(sFile)) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
_onFileSelectChange: function (we) {
|
|
||||||
var sValue = we.element.value,
|
|
||||||
bAllowed = this._checkExtension(sValue),
|
|
||||||
htParam = {
|
|
||||||
sValue: sValue,
|
|
||||||
bAllowed: bAllowed,
|
|
||||||
sMsgNotAllowedExt: this.option("sMsgNotAllowedExt")
|
|
||||||
};
|
|
||||||
if (sValue.length && this.fireEvent("select", htParam)) {
|
|
||||||
if (bAllowed) {
|
|
||||||
if (this.option("bAutoUpload")) {
|
|
||||||
this.upload();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
alert(htParam.sMsgNotAllowedExt);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}).extend(jindo.UIComponent);
|
|
||||||
12686
plugin/editor/smarteditor2/photo_uploader/popup/jindo.min.js
vendored
12686
plugin/editor/smarteditor2/photo_uploader/popup/jindo.min.js
vendored
File diff suppressed because it is too large
Load Diff
@ -68,7 +68,7 @@ jQuery(function ($) {
|
|||||||
delete_url = $button.attr("data-delete");
|
delete_url = $button.attr("data-delete");
|
||||||
if( delete_url ){
|
if( delete_url ){
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: othis.url+"?del=1&file="+ delete_url
|
url: othis.url+"&del=1&file="+ delete_url
|
||||||
}).done(function (result) {
|
}).done(function (result) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -122,7 +122,7 @@ jQuery(function ($) {
|
|||||||
// Uncomment the following to send cross-domain cookies:
|
// Uncomment the following to send cross-domain cookies:
|
||||||
//xhrFields: {withCredentials: true},
|
//xhrFields: {withCredentials: true},
|
||||||
//url: $('#fileupload').fileupload('option', 'url'),
|
//url: $('#fileupload').fileupload('option', 'url'),
|
||||||
url: this.url+"?t="+ oDate.getTime(),
|
url: this.url+"&t="+ oDate.getTime(),
|
||||||
dataType: 'json',
|
dataType: 'json',
|
||||||
context: $('#fileupload')[0]
|
context: $('#fileupload')[0]
|
||||||
}).always(function () {
|
}).always(function () {
|
||||||
|
|||||||
@ -1,100 +0,0 @@
|
|||||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta http-equiv="Content-Script-Type" content="text/javascript">
|
|
||||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
|
||||||
<title>사진 첨부하기 :: SmartEditor2</title>
|
|
||||||
<style type="text/css">
|
|
||||||
/* NHN Web Standard 1Team JJS 120106 */
|
|
||||||
/* Common */
|
|
||||||
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
|
|
||||||
body,input,textarea,select,button,table{font-family:'돋움',Dotum,Helvetica,sans-serif;font-size:12px}
|
|
||||||
img,fieldset{border:0}
|
|
||||||
ul,ol{list-style:none}
|
|
||||||
em,address{font-style:normal}
|
|
||||||
a{text-decoration:none}
|
|
||||||
a:hover,a:active,a:focus{text-decoration:underline}
|
|
||||||
|
|
||||||
/* Contents */
|
|
||||||
.blind{visibility:hidden;position:absolute;line-height:0}
|
|
||||||
#pop_wrap{width:383px}
|
|
||||||
#pop_header{height:26px;padding:14px 0 0 20px;border-bottom:1px solid #ededeb;background:#f4f4f3}
|
|
||||||
.pop_container{padding:11px 20px 0}
|
|
||||||
#pop_footer{margin:21px 20px 0;padding:10px 0 16px;border-top:1px solid #e5e5e5;text-align:center}
|
|
||||||
h1{color:#333;font-size:14px;letter-spacing:-1px}
|
|
||||||
.btn_area{word-spacing:2px}
|
|
||||||
.pop_container .drag_area{overflow:hidden;overflow-y:auto;position:relative;width:341px;height:129px;margin-top:4px;border:1px solid #eceff2}
|
|
||||||
.pop_container .drag_area .bg{display:block;position:absolute;top:0;left:0;width:341px;height:129px;background:#fdfdfd url(../../img/photoQuickPopup/bg_drag_image.png) 0 0 no-repeat}
|
|
||||||
.pop_container .nobg{background:none}
|
|
||||||
.pop_container .bar{color:#e0e0e0}
|
|
||||||
.pop_container .lst_type li{overflow:hidden;position:relative;padding:7px 0 6px 8px;border-bottom:1px solid #f4f4f4;vertical-align:top}
|
|
||||||
.pop_container :root .lst_type li{padding:6px 0 5px 8px}
|
|
||||||
.pop_container .lst_type li span{float:left;color:#222}
|
|
||||||
.pop_container .lst_type li em{float:right;margin-top:1px;padding-right:22px;color:#a1a1a1;font-size:11px}
|
|
||||||
.pop_container .lst_type li a{position:absolute;top:6px;right:5px}
|
|
||||||
.pop_container .dsc{margin-top:6px;color:#666;line-height:18px}
|
|
||||||
.pop_container .dsc_v1{margin-top:12px}
|
|
||||||
.pop_container .dsc em{color:#13b72a}
|
|
||||||
.pop_container2{padding:46px 60px 20px}
|
|
||||||
.pop_container2 .dsc{margin-top:6px;color:#666;line-height:18px}
|
|
||||||
.pop_container2 .dsc strong{color:#13b72a}
|
|
||||||
.upload{margin:0 4px 0 0;_margin:0;padding:6px 0 4px 6px;border:solid 1px #d5d5d5;color:#a1a1a1;font-size:12px;border-right-color:#efefef;border-bottom-color:#efefef;length:300px;}
|
|
||||||
:root .upload{padding:6px 0 2px 6px;}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="pop_wrap">
|
|
||||||
<!-- header -->
|
|
||||||
<div id="pop_header">
|
|
||||||
<h1>사진 첨부하기</h1>
|
|
||||||
</div>
|
|
||||||
<!-- //header -->
|
|
||||||
<!-- container -->
|
|
||||||
|
|
||||||
<!-- [D] HTML5인 경우 pop_container 클래스와 하위 HTML 적용
|
|
||||||
그밖의 경우 pop_container2 클래스와 하위 HTML 적용 -->
|
|
||||||
<div id="pop_container2" class="pop_container2">
|
|
||||||
<!-- content -->
|
|
||||||
<form id="editor_upimage" name="editor_upimage" action="FileUploader.php" method="post" enctype="multipart/form-data" onSubmit="return false;">
|
|
||||||
<div id="pop_content2">
|
|
||||||
<input type="file" class="upload" id="uploadInputBox" name="Filedata">
|
|
||||||
<p class="dsc" id="info"><strong>10MB</strong>이하의 이미지 파일만 등록할 수 있습니다.<br>(JPG, GIF, PNG, BMP)</p>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<!-- //content -->
|
|
||||||
</div>
|
|
||||||
<div id="pop_container" class="pop_container" style="display:none;">
|
|
||||||
<!-- content -->
|
|
||||||
<div id="pop_content">
|
|
||||||
<p class="dsc"><em id="imageCountTxt">0장</em>/10장 <span class="bar">|</span> <em id="totalSizeTxt">0MB</em>/50MB</p>
|
|
||||||
<!-- [D] 첨부 이미지 여부에 따른 Class 변화
|
|
||||||
첨부 이미지가 있는 경우 : em에 "bg" 클래스 적용 //첨부 이미지가 없는 경우 : em에 "nobg" 클래스 적용 -->
|
|
||||||
|
|
||||||
<div class="drag_area" id="drag_area">
|
|
||||||
<ul class="lst_type" >
|
|
||||||
</ul>
|
|
||||||
<em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text" class="bg"></span>
|
|
||||||
</div>
|
|
||||||
<div style="display:none;" id="divImageList"></div>
|
|
||||||
<p class="dsc dsc_v1"><em>한 장당 10MB, 1회에 50MB까지, 10개</em>의 이미지 파일을<br>등록할 수 있습니다. (JPG, GIF, PNG, BMP)</p>
|
|
||||||
</div>
|
|
||||||
<!-- //content -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- //container -->
|
|
||||||
<!-- footer -->
|
|
||||||
<div id="pop_footer">
|
|
||||||
<div class="btn_area">
|
|
||||||
<a href="#"><img src="../../img/photoQuickPopup/btn_confirm.png" width="49" height="28" alt="확인" id="btn_confirm"></a>
|
|
||||||
<a href="#"><img src="../../img/photoQuickPopup/btn_cancel.png" width="48" height="28" alt="취소" id="btn_cancel"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- //footer -->
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript" src="jindo.min.js" charset="utf-8"></script>
|
|
||||||
<script type="text/javascript" src="jindo.fileuploader.js" charset="utf-8"></script>
|
|
||||||
<script type="text/javascript" src="attach_photo.js" charset="utf-8"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Reference in New Issue
Block a user