本文实例为大家分享了javascript图片预览功能实现的具体代码，供大家参考，具体内容如下
先为大家分享一段关于js图片预览的代码，兼容火狐和谷歌浏览器
/* 案例展示图片预览 */$(function(){ $(#file0).bind(change,function(){ clickupload(); });});function clickupload(){ var imgobject = document.getelementbyid('file0'); var getimagesrc = getfullpath(imgobject); // 本地路径 var srcs = window.url.createobjecturl(imgobject.files[0]); var pos = getimagesrc.lastindexof(.); var lastname = getimagesrc.substring(pos, getimagesrc.length) // 图片后缀] if(srcs!=){ $(#yulan2).attr(src,srcs); }else{ alert(请选择一张图片); } }function getfullpath(obj) { //得到图片的完整路径 if (obj) { if (window.navigator.useragent.indexof(msie) >= 1){ obj.select(); return document.selection.createrange().text; }else if(window.navigator.useragent.indexof(firefox) >= 1) { if (obj.files) { return window.url.createobjecturl(obj.files[0]); } return obj.value; } return obj.value; }}
实例代码实现js上传图片及时预览：
图片上传本地预览 /images/defaul.jpg'>

以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。