차근차근/JAVA Script
이미지 첨부파일 다운로드 시 유효성 체크하기
예쁜꽃이피었으면
2022. 7. 7. 11:41
//url : 다운로드 할 이미지 전체
//ex) chrome://new-tab-page/icons/google_logo.svg
//filename : 사용자가 파일을 내려받았을 때 보여지는 파일명
function fn_isValidHttpsURL(url , filename){
// url.match : url형식에 맞는지 확인
var res = url.match(/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g);
//url형식이 맞다면~
if(res !== null){
$.ajax({
type:"get"
,url : url
,success : function(response,status,xhr){
//추가로 상태값확인해도 됨. + content-type이 이미지인가?
var ct = xhr.getResponseHeader("content-type") || "";
if(ct.indexOf('image/') > -1){
//이미지가 맞으면 다운로드
fn_imageDownload(res,filename);
}
}
})
}
}
function fn_imageDownload(res,filename){
var element = document.createElemnet('a');
element.setAttribute('href',imageURL);
element.setAttribute('download',filename);
document.body.appendChild(element);
element.click(); //다운로드
document.body.removeChild(elemnet);
}
반응형