JS 上传图片本地缓存预览

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>文件上传</title><script src="jQuery.js"></script><style type="text/css">#file{display: block;width: 400px;height: 300px;opacity:0;margin: -300px 0 0 0;            }#preview{display: block;width: 400px;height: 300px;}</style>
</head>
<body><img id="preview" src="" alt="点击上传图片"/><input type="file" id="file" />
</body>
</html>
<script type="text/javascript">

　　　　window.FileToSrc = function (file) {    　　 if (window.URL) return window.URL.createObjectURL(file);    　　 if (window.windcreateObjectURL) return window.createObjectURL(file);   　　  if (window.webkitURL) return window.webkitURL.createObjectURL(file);　　 };

$('#file').on('change', function(){//获取文件列表对象var fileList = $('#file')[0].files;//创建文件流获取文件地址var src =FileToSrc(fileList[0]); 　　　　　　　　 //设置图片路径  　　　　 $("#preview").attr("src", src); 　　});</script>

JS 上传图片本地缓存预览相关推荐

js上传图片并实现预览
js上传图片预览前端页面  <input type="file" accept="image/*" onc ...
JS让本地图片预览不再难-jquery插件
为什么80%的码农都做不了架构师?>>> 功能介绍图片上传本地预览插件,Chrome, Firefox, IE 插件参数: width : 400, //预览宽度height ...
本地如何预览php文件上传,如何实现js上传图片本地预览同时支持预览截图的功能...
在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围. 下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑. 准备:引入文件 ...
浅谈js本地图片预览
最近在工作中遇到一个问题,就是实现一个反馈页面,这个反馈页面的元素有反馈主题.反馈类型.反馈内容.反馈人联系电话以及反馈图片.前端将这些反馈的元素POST给后台提供的接口:实现这个工作的步骤就是:页面 ...
js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
//js本地图片预览,兼容ie[6-9].火狐.Chrome17+.Opera11+.Maxthon3 <!DOCTYPE html> <html xmlns="http: ...
模仿微信朋友圈图片浏览 js javascript 支持图片预览，滑动切换，双指缩放，图片缓存
模仿微信朋友圈图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存 2017年08月10日 12:11:38 阅读数:2311 previewImage-mobile 仿 ...
js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3tr td style=width:35%; class=noBorderL
<tr> <td style="width:35%;" class="noBorderL firstTD">资格证图片</td&g ...
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
html代码 <div id="divPreview"> <img id="imgHeadPhoto" src="Imag ...
input file本地图片预览的方法（兼容IE、Chrome和Firefox）
JS兼容各个浏览器的本地图片上传即时预览效果 2014-02-26 我来说两句收藏我要投稿很早以前在杭州银行工作曾经碰到这么一个需求,当时也是纠结了很久,也是go ...
使用pdf.js在移动端预览pdf文档
pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持. 在线演示地址:http://mozilla.github.com/pdf.js/web/viewe ...

JS 上传图片本地缓存预览

JS 上传图片本地缓存预览相关推荐

最新文章

热门文章