纯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 相关文章推荐
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
原生js实现吸顶效果
Mar 13 Javascript
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
使用watch监听路由变化和watch监听对象的实例
Feb 24 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
怎样在vue项目下添加ESLint的方法
May 16 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 Javascript
vue使用canvas实现移动端手写签名
Sep 22 Javascript
关于vue中如何监听数组变化
Apr 28 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 MSSQL 存储过程的方法
2008/12/24 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
利用PHP获取汉字首字母并且分组排序详解
2017/10/22 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
Windows Live的@live.com域名注册漏洞 利用代码
2006/12/27 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
jQuery取消特定的click事件
2016/02/29 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
在Python中使用成员运算符的示例
2015/05/13 Python
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
python基础之入门必看操作
2017/07/26 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
使用Django简单编写一个XSS平台的方法步骤
2019/03/25 Python
python操作kafka实践的示例代码
2019/06/19 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
linux面试题参考答案(2)
2015/12/06 面试题
奶茶店创业计划书范文
2014/01/17 职场文书
单位创先争优活动方案
2014/01/26 职场文书
指导教师评语
2014/04/26 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
学校花圃的标语
2014/06/18 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
小学毕业教师寄语
2019/06/21 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android