สอบถามครับเรื่อง การ browse รูปขึ้นมาแสดงก่อน แล้วค่อยบันทึกอีกที

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script>
function display(img) {
        if (img.files && img.files[0]) {
            var show_img = new FileReader();
            show_img.onload = function (e) {				
                 document.getElementById('sh_img').innerHTML='<img src="'+e.target.result+'" alt="ภาพตัวอย่าง" />';
            };
            show_img.readAsDataURL(img.files[0]);
        }
    }
</script>
<div id="sh_img"></div>
<input type='file' onchange="display(this);" />