Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js上传图片预览

js上传图片预览

发布时间:2016-12-17   编辑:www.jquerycn.cn
jquery中文网为您提供js上传图片预览等资源,欢迎您收藏本站,我们将为您提供最新的js上传图片预览资源
在不管是利用php,asp,asp.net jsp等上传图片如果你要想让用户知道在上传前图片效果的话,我们可以通过下面的js预览图片来实现,原是相当的简单。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>get file input full path</title> <script language='javascript'> function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } } </script> </head> <body> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
js预览待上传本地图片
利用JS HTML5实现图片上传预览效果(实例)
JS预览图像 本地预览图片实现代码
具备预览功能的js图片上传效果
上传图片之前预览 fileupload
js上传图片预览
图片上传前预览的js代码(兼容IE和FF)
JS实现图片上传时的本地预览,兼容IE和firefox
js检测上传图片的大小
通过JS获取本地图片路径并显示出来的代码

[关闭]