效果:
二、代碼
在表單中加入
<TR>
<TD class=head width="15%">預覽圖片</TD>
<TD class=even><img name="showme" id="showme" src="" style="display:none;" height="200px" width="300px" alt="預覽圖片" /></TD>
</TR>
<TD class=head width="15%">預覽圖片</TD>
<TD class=even><img name="showme" id="showme" src="" style="display:none;" height="200px" width="300px" alt="預覽圖片" /></TD>
</TR>
以及文件上載控件:
在控件的"其他”添加onChange事件:
onChange="PreviewPic(showme,this.form.fileupload)"
在JSHeader中加入PreviewPic函數:
function PreviewPic(pic,imgfile){
if(imgfile.value){
pic.src=imgfile.value;
pic.style.display="";
pic.border=1;
}
}
if(imgfile.value){
pic.src=imgfile.value;
pic.style.display="";
pic.border=1;
}
}
這樣基本完了。但是確定以上代碼沒問題後,在頁面上瀏覽添加了圖片後在預覽中看不到,而且也沒報錯,那麼檢查一下PreviewPic函數,我們alert出imgfile.value來,如果發現:
這是瀏覽器把路徑fake了,路徑都不對,當然預覽不了了,解決辦法:
把在Internet選項中把站點設置成可信站點,
在“自定義級別”中找到“其他”: