첨부파일시 이미지 보이도록 부분 문의드립니다. 채택완료
문의좀 드리겠습니다.
아래와같이 첨부파일시 미리보기 이미지가 나오도록 해놨는데요
문제는 첫번째 첨부파일 이미지만 미리보기가 나오는데
전체 5개 첨부파일 올리는 건데 5개다 이미지 미리나오게 할려면 어떻게 해야할까요?
</code></p>
<pre>
$("#fileUpload").on('change', function () {
//Get count of selected files
var countFiles = $(this)[0].files.length;
var imgPath = $(this)[0].value;
var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
var image_holder = $("#image-holder");
image_holder.empty();
if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
if (typeof (FileReader) != "undefined") {
//loop for each file selected for uploaded.
for (var i = 0; i < countFiles; i++) {
var reader = new FileReader();
reader.onload = function (e) {
$("<img />", {
"src": e.target.result,
"class": "thumb-image"
}).appendTo(image_holder);
}
image_holder.show();
reader.readAsDataURL($(this)[0].files[i]);
}
} else {
alert("This browser does not support FileReader.");
}
} else {
alert("Pls select only images");
}
});
</pre>
<p>
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인