<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<script>
function PreviewImage(imgFile) {
var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;
if(!pattern.test(imgFile.value)) {
alert("系統僅支持jpg/jpeg/png/gif/bmp格式的照片!");
imgFile.focus();
}
else {
var path;
if(document.all) { //IE
imgFile.select();
path = document.selection.createRange().text;
document.getElementById("faceShow").innerHTML="";
document.getElementById("faceShow").style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";
}
else { //FIRE FOX CHROME
path = URL.createObjectURL(imgFile.files[0]);
document.getElementById("faceShow").innerHTML = "<img src='"+path+"' width='100%' height='100%'/>";
}
}
}
</script>
</head>
<body>
<div id="faceShow"> </div>
<input type="file" class="loadPhotoBtn" value="瀏覽" οnchange="PreviewImage(this)"/>
</body>
</html>
jsp預覽本地上傳圖片
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.