티스토리 뷰
아래와 같은 식으로 계속 사진을 첨부할 수 있는 구조의
사진 업로드를 구성하였다.
var ImgTmp = $('#ImgTmp').val();
$(document).ready(function(){
var button = $('#addBtn'), interval;
new AjaxUpload(button, {
action: '/ajax/ajax_upload_images.asp',
name: 'strFile1',
data: {
mode : 'write',
strBoardID : '<%=strBoardID%>',
ImgVAL : $('#ImgTmp').val()
},
onSubmit : function(file, ext){
// If you want to allow uploading only 1 file at time,
// you can disable upload button
this.disable();
},
onComplete: function(file, response){
if (response == "FAIL"){
alert('사진첨부는 최대 5개까지만 등록가능합니다.');
}else{
var split_data = response.split("|");
// add file to the list
$("#UploadImgArea").append("");
DivCnt = parseInt($('#DivCnt').val())+1;
$('#DivCnt').val(DivCnt);
// enable upload button
this.enable();
if($('#ImgTmp').val() == "5"){
$("#imgAddbtn").attr("onclick","javascript:alert('사진첨부는 최대 5개까지만 등록 가능합니다.');return false;");
}else{
$('#imgAddbtn').removeAttr("onclick");
}
}
}
});
});
AJAX 처리 페이지
<%
Response.Expires = -1
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
strBoardID = UPLOAD("strBoardID")
mode = UPLOAD("mode")
ImgVAL = UPLOAD("ImgVAL")
If ImgVAL > 5 Then
Response.write "FAIL"
Response.End
Else
strMobileContent = Replace(strMobileContent ,"http://www.test.net/","/")
strContent = Replace(strContent ,"http://www.test.net/","/")
strIpAddr=IPADDR
ExecFolderMake(UPLOAD_PATH &"\"& strBoardID)
SELECT CASE mode
CASE "write"
strFileName1 = upload("strFile1") ' 파일의 이름을 filename라는 변수에 저장
if len(strFileName1) > 0 then ' 파일이 첨부가 되었으면
File1 = GetFileCode()&"_1." &GetFileExt(strFileName1)
FULL_File1= UPLOAD_PATH &"\"& strBoardID &"\"& File1
upload("strFile1").saveas FULL_File1
End If
Dimension = ImgDimension("/upload/"&strBoardID&"/"&File1)
END Select
Response.write File1&"|"&Dimension
Response.End
End If
%>
'WEB 전체 > JS' 카테고리의 다른 글
크로스도메인 및 타 도메인에서 AJAX JSON 사용방법 (0) | 2013.03.12 |
---|---|
간단한 SNS 공유하기 스크립트 (0) | 2012.02.07 |
JQuery 활용 - JQuery & Javascript HTML Form validation (0) | 2011.12.07 |
JQuery 달력 (datepicker 이용) (0) | 2011.11.02 |
JQuery - ajax 한글파라미터 전송 해결법 (0) | 2011.10.28 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- resttemplate
- 엔티티 코드표
- selinux
- php
- iis 파일 다운로드 공백
- 파일명 공백
- CKEditor
- Entity Code
- 정규식
- postForObject
- CKFinder
- 1차원 배열저장
- HTTPD
- 구분자 자르기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함