アップロードフォームで画像のプレビューを出す方法

<script type="text/javascript">
function preview_image(obj_image, image_id) {
	document.getElementById(image_id).src= obj_image.value;
	document.getElementById(image_id).style.display="inline";
}
</script>
<style type="text/css">
#preview_img_1{
        display:	none;
        width:		150px;/*サムネイルサイズ*/
}
#preview_img_2{
        display:	none;
        width:		150px;/*サムネイルサイズ*/
}
div.preview_image {
        height: 150px;
}
</style>

<form>
        <div class="preview_image">
        <input type="file" size=64 name="file_1" onChange="preview_image(this, 'preview_img_1')" />
        <img src="" id="preview_img_1" />
        </div>

        <div class="preview_image">
        <input type="file" size=64 name="file_2" onChange="preview_image(this, 'preview_img_2')" />
        <img src="" id="preview_img_2" />
        </div>
        <br />

</form>