JS 图片预览功能
Posted WiTeem
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS 图片预览功能相关的知识，希望对你有一定的参考价值。
<script type="text/javascript">
function DisplayImage(fileTag) {
document.getElementById(‘viewfile‘).value = fileTag.value;
fileTag.style.display = ‘none‘;
var allowExtention = ".jpg.png.gif.JPG.PNG.GIF";
var extentionArr = fileTag.value.split(‘.‘);
var extention = extentionArr[extentionArr.length - 1];
if (!(allowExtention.indexOf(extention) > -1)) {
alert("请选择图片!");
} else {
//for adveced broswer(the newest ie,chrome,ff)
if (typeof (FileReader) !== "undefined") {
var reader = new FileReader();
reader.readAsDataURL(fileTag.files[0]);
reader.onload = function (e) {
document.getElementById("img_1").setAttribute("src", e.target.result);
}
} else {
//for(ie6)
document.getElementById("img_1").setAttribute("src", fileTag.value);
}
}
}
</script>
以上是关于JS 图片预览功能的主要内容，如果未能解决你的问题，请参考以下文章