input file選擇圖片后 預覽

 

簡單的jQuery實現input file選擇圖片后，可以預覽圖片的效果

簡單的HTML代碼：

<div>
<img src="" class="img">
</div>

<input type="file" class="imgInput">

　　注：img就是用來顯示預覽圖片的

然后就是jQuery代碼，很簡單

$(".imgInput").change(function(){
	$(".img").attr("src",URL.createObjectURL($(this)[0].files[0]));
});

　　然后就實現了選擇圖片后可以預覽圖片的效果了

其中需要注意的是使用的是DOM元素，jQuery元素和DOM元素之間的轉換