<input type="file" name="bf_file[0]" id="bf_file_0" multiple>
<div class="image_holder">
<img class="img_thumb" id="image_holder0" style="width: 100%;">
</div>
<input type="file" name="bf_file[1]" id="bf_file_1" multiple>
<div class="image_holder">
<img class="img_thumb" id="image_holder1" style="width: 100%;">
</div>
 
<script>
                var sel_file;
                $(document).ready(function() {
                    $("#bf_file_0").on("change", handleImgFileSelect0);
                    $("#bf_file_1").on("change", handleImgFileSelect0);
                });
 
                function handleImgFileSelect0(e) {
                    var files = e.target.files;
                    var filesArr = Array.prototype.slice.call(files);
 
                    filesArr.forEach(function(f) {
                        if(!f.type.match("image.*")) {
                            alert("이미지 파일만 첨부해주세요.");
                            return;
                        }
 
                        sel_file = f;
                        var reader = new FileReader();
                        reader.onload = function(e) {
                            $("#image_holder0").attr("src", e.target.result);
                            $("#image_holder1").attr("src", e.target.result);
                            console.log($("#image_holder0").attr("src", e.target.result));
                            console.log($("#image_holder1").attr("src", e.target.result));
                        }
                        reader.readAsDataURL(f);
                        $("#bf_file_0").val("");
                        $("#bf_file_1").val("");
                    });
                }
            </script>