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

作者：ZongLiang 时间：2024-05-03 15:04:32　

本文实例讲述了纯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,图片,预览

投稿

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

猜你喜欢

SQL联合查询inner join、outer join和cross join的区别详解

TensorFlow-gpu和opencv安装详细教程

matlab画三维图像的示例代码(附demo)

关于搜索建议的两点小问题

利用ASP远程注册DLL的方法

python版百度语音识别功能

python dict乱码如何解决

MySql学习笔记之事务隔离级别详解

在django模板中实现超链接配置

sql server 复制表从一个数据库到另一个数据库

Python使用pandas和xlsxwriter读写xlsx文件的方法示例

web标准常见问题集合

Python正则表达式的应用详解

基于python获取本地时间并转换时间戳和日期格式

python解决字符串倒序输出的问题

python后端接收前端回传的文件方法

一篇文章带你了解Python中的装饰器

ASP+Access数据库安全设置方法小结

python简单文本处理的方法

详解使用vue-router进行页面切换时滚动条位置与滚动监听事件