纯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 相关文章推荐
Grid得到选择行数据的方法总结
Jan 17 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
Apr 23 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
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中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP中unset,array_splice删除数组中元素的区别
2014/07/28 PHP
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
jquery foreach使用示例
2013/09/12 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
2016/10/28 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
深入解析Python编程中JSON模块的使用
2015/10/15 Python
Python对象转JSON字符串的方法
2016/04/27 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
python面向对象法实现图书管理系统
2019/04/19 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
python如何安装下载后的模块
2020/07/03 Python
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
《狐假虎威》教学反思
2014/02/07 职场文书
电子商务专业自荐信
2014/06/02 职场文书
财务管理专业自荐书
2014/09/02 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
2014年公务员工作总结
2014/11/18 职场文书
2014年科技工作总结
2014/11/26 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL