纯JS实现本地图片预览的方法


Posted in Javascript onJuly 31, 2015

本文实例讲述了纯JS实现本地图片预览的方法。分享给大家供大家参考。具体如下:

刚突然看到,网上已经有很多类似的代码,但没找到一个合适的。就拿自己以前写的写了一个。代码比较简洁,引用了一个我之前写的js.方法可以单独剥离出来使用,未测太多兼容。本机浏览器基本都支持(IE,FF,Chrome)

index.html如下:

<html>
<head>
<title>Test</title>
<script type="text/javascript" src="js/z.js"></script>
</head>
<body>
<center>
  <img id="img" src="" /><p />
  <input type="file" id="file" />
</center>
<script>
  z.plimg(z.$('file'),z.$('img'),function(file,img,url){
    alert(url);
  });
</script>
</body>
</html>

z.js点击此处本站下载。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery 获取对象 定位子对象
May 31 Javascript
使用 Node.js 做 Function Test实现方法
Oct 25 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
js实现鼠标经过表格行变色的方法
May 12 Javascript
JS实现兼容性较好的随屏滚动效果
Nov 09 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
基于webpack4搭建的react项目框架的方法
Jun 30 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
vue之a-table中实现清空选中的数据
Nov 07 Javascript
javascript动画算法实例分析
Jul 31 #Javascript
jquery实现手机号码选号的方法
Jul 31 #Javascript
javascript文本模板用法实例
Jul 31 #Javascript
Javascript实现网络监测的方法
Jul 31 #Javascript
jquery模拟alert的弹窗插件
Jul 31 #Javascript
JSON字符串转JSON对象
Jul 31 #Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 #Javascript
You might like
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
smarty循环嵌套用法示例分析
2016/07/19 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
2018/07/05 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
在Django的URLconf中使用命名组的方法
2015/07/18 Python
python正则表达式之作业计算器
2016/03/18 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
python二元表达式用法
2019/12/04 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
C有"按引用传递"吗
2016/09/06 面试题
小学教师的个人自我鉴定
2013/10/24 职场文书
协议书范本
2014/04/23 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
监察建议书
2015/02/04 职场文书
python 算法题——快乐数的多种解法
2021/05/27 Python
对象析构函数__del__在Python中何时使用
2022/03/22 Python
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技