编程 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 密码强度判断代码

Sep 05 Javascript

如何判断微信内置浏览器(通过User Agent实现)

Sep 01 Javascript

js数组去重的方法汇总

Jul 29 Javascript

JavaScript tab选项卡插件实例代码

Feb 23 Javascript

Angular ng-repeat 对象和数组遍历实例

Sep 14 Javascript

JS获取填报扩展单元格控件的值的解决办法

Jul 14 Javascript

Vue封装一个简单轻量的上传文件组件的示例

Mar 21 Javascript

浅谈Webpack 是如何加载模块的

May 24 Javascript

JS使用tween.js动画库实现轮播图并且有切换功能

Jul 17 Javascript

js实现消灭星星(web简易版)

Mar 24 Javascript

vue实现公共方法抽离

Jul 31 Javascript

微信小程序淘宝首页双排图片布局排版代码(推荐)

Oct 29 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