input file up load preview

<div id="up_load_target"> <-- 이미지가 미리보기 될 영역 박스
    <label for="up_load_btn" class="add_file"><img src="{{ asset('images/common/ic_add_file.png') }}" alt=""></label><input type="file" name="target_name" id="up_load_btn" class="hidden">
</div>

function variableName(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function(e) {
            $('#up_load_target').attr('style', "background-image:" + "url(" + e.target.result + ")");
        }

        reader.readAsDataURL(input.files[0]);
    }
}
$("#up_load_target").change(function() {
    variableName(this);
});

여러개의 미리보기 박스를 사용할 경우 variableName을 수정.(if multiple preview boxes are used, modify variableName.