这篇文章主要介绍了 js 上传图片及预览功能, 实例分析了 javascript 操作图片上传预览功能的实现方法, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 js 上传图片及预览功能。分享给大家供大家参考。具体分析如下:
参考了网上一些人代码写了一个上传图片及时预览的功能
- <img id="imgTag" style="height: 100px;" alt="" />
- <input type="file" />
- function DisplayImage(fileTag,imgTagId){
- var allowExtention=".jpg.png.gif";
- var extentionArr=fileTag.value.split('.');
- var extention = extentionArr[extentionArr.length-1];
- if(!(allowExtention.indexOf(extention)>-1)){
- alert("Please upload image!");
- }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(imgTagId).setAttribute("src", e.target.result);
- }
- }else{
- //for(ie6)
- document.getElementById(imgTagId).setAttribute("src",fileTag.value);
- }
- }
- }
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: