form：

<input type="file" name="profilehead"  onchange="changImg(event)" accept="image/*"/>

js程式碼：

function changImg(e){  
    	for (var i = 0; i < e.target.files.length; i++) {  
            var file = e.target.files.item(i);  
            if (!(/^image\/.*$/i.test(file.type))) {  
                continue; //不是圖片 就跳出這一次迴圈  
            }  
            //例項化FileReader API  
            var freader = new FileReader();  
            freader.readAsDataURL(file);  
             freader.onload = function(e) {  
            	$('#myhead').attr("src",e.target.result); 
             };
        }
    }
 

這裡提醒一下有些瀏覽器不支援freader.onload 方法，火狐、谷歌可以