<div class="form-group">
<label>썸네일 이미지</label>
<input type="file" name="files" id="files" class="form-control" >
</div>
<div class="form-group">
<label>내용</label>
<textarea class="form-control" name="content" id="content"></textarea>
</div>
<script>
$(document).ready(function(){
$("#couponBtn").click(function(){
var title =$("#title").val();
var files =$("#files").val();
var ckeditor = CKEDITOR.instances['content'];
if($.trim(title).length < 1){
alert("제목을 입력해 주세요");
$("#title").focus();
return false;
}
if($("#files").val().length <1){
alert("이미지를 파일을 올려 주세요.");
$("#files").focus();
return false;
}
var thumbext = document.getElementById('files').value; //파일을 추가한 input 박스의 값
thumbext = thumbext.slice(thumbext.indexOf(".") + 1).toLowerCase(); //파일 확장자를 잘라내고, 비교를 위해 소문자로 만듭니다.
if(thumbext != "jpg"&& thumbext != "jpeg" && thumbext != "png" && thumbext != "gif" && thumbext != "bmp"){ //확장자를 확인합니다.
alert('썸네일은 이미지 파일(jpg, png, gif, bmp)만 등록 가능합니다.');
return;
}
//용량 체크
//var maxSize = 7340032; //7MB
var maxSize = 1024000 //1MB
if ($('#files').val() != "" ) {
var size = document.getElementById("files").files[0].size;
if(size > maxSize){
alert("첨부파일 사이즈는 1MB 이내로 등록 가능합니다.");
$('#files').val("");
$('#files').focus();
return false;
}
}
if (ckeditor.getData()==""){
alert('내용을 입력 하세요');
ckeditor.focus();
return;
}
});
});
</script>
<script src="/resources/admin/plugins/ckeditor/ckeditor.js"></script>
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'content', {//해당 이름으로 된 textarea에 에디터를 적용 <-- 이거 이름 부분입니다.
width:'100%',
height:'600px',
// extraPlugins : 'youtube',
//여기 경로로 파일을 전달하여 업로드 시킨다.
// JSP, PHP 공통입니다. 경로를 적당히 적어줍니다.
filebrowserImageUploadUrl: '/ckeditor/couponpload?path=coupon'
});
});
</script>
댓글 ( 7)
댓글 남기기