카테고리1프로그래밍
카테고리2자바스크립트
제목첨부파일 미리보기
작성자고성훈
작성일2022-07-26 09:01:13
function handleAttachFileSelect(e) {

var ths = $(this);

// 파일 정보들을 초기화
selAttach_files = [];

var files = e.target.files;
var filesArr = Array.prototype.slice.call(files);
var reader = new FileReader(); // 미리보기
var index = 0;
var addFlag = true;
filesArr.forEach(function(f) {

if(fileMaxSize + parseInt(f.size) >= 10485760){
addFlag = false;
ths.replaceWith(ths.val('').clone(true));
alert("10MB 이상 용량을 한번에 올리실수 없습니다.");
return false;
}

if(!checkFileExt(f.name)){
addFlag = false;
ths.replaceWith(ths.val('').clone(true));
alert("업로드 할 수 없는 확장자입니다.");
return false;
}

if(f.size >= 10485760){
addFlag = false;
ths.replaceWith(ths.val('').clone(true));
alert("10MB 용량이 넘는 파일은 올리실수 없습니다.");
return false;
}

if(addFlag){
$("#image_container").append('<input type=\"hidden\" name=\"fileIdx\" value=\"0\" />');
var reader = new FileReader();
reader.onload = function(e) {
const previewImage = document.getElementById("preview-image")
previewImage.src = e.target.result
}
reader.readAsDataURL(f);
}
});
}
수정목록