纯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 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
JavaScript 编程引入命名空间的方法与代码
Aug 13 Javascript
JavaScript随机排序(随即出牌)
Sep 17 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
js中split和replace的用法实例
Feb 28 Javascript
浅谈angularJS中的事件
Jul 12 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
Mar 14 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
js实现简单五子棋游戏
May 28 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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
提升PHP执行速度全攻略(下)
2006/10/09 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
PHP引用的调用方法分析
2016/04/25 PHP
php使用escapeshellarg时中文被过滤的解决方法
2016/07/10 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
[00:16]热血竞技场
2019/03/06 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
python3.7.0的安装步骤
2018/08/27 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
班组长岗位职责范本
2014/01/05 职场文书
企业文明单位申报材料
2014/05/16 职场文书
不同意离婚代理词
2015/05/23 职场文书
转学证明范本
2015/06/19 职场文书
教师节晚会主持词
2015/06/30 职场文书
女性健康讲座主持词
2015/07/04 职场文书
放假通知怎么写
2015/08/18 职场文书
聘任书的格式及模板
2019/10/28 职场文书