프로그래밍자바스크립트
첨부파일 미리보기
- 작성자
- 고성훈
- 등록일
- 2022-07-26 09:01
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);
}
});
}