编程 Javascript

纯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程序设计有所帮助。

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

- Author -

ZongLiang

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用javascript实现计算两个日期的间隔天数

Aug 14 Javascript

关于document.cookie的使用javascript

Oct 29 Javascript

JavaScript中的Primitive对象封装介绍

Dec 31 Javascript

JavaScript实现计算字符串中出现次数最多的字符和出现的次数

Mar 12 Javascript

jQuery实现自定义事件的方法

Apr 17 Javascript

基于JavaScript将表单序列化类型的数据转化成对象的处理（允许对象中包含对象）

Dec 28 Javascript

jQuery遮罩层效果实例分析

Jan 14 Javascript

JavaScript的Backbone.js框架入门学习指引

May 07 Javascript

jQuery实现倒计时重新发送短信验证码功能示例

Jan 12 Javascript

JAVA中截取字符串substring用法详解

Apr 14 Javascript

关于AOP在JS中的实现与应用详解

May 06 Javascript

JS数组的常用10种方法详解

May 08 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