FileReader 对象实现图片预览

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。

//回显图片预览function preImg(sourceId) {var url;var imgPre = document.getElementById("Photo");             //回显img标签if (navigator.userAgent.indexOf("MSIE")>=1) {            // IEurl = sourceId.value;} else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefoxurl = window.URL.createObjectURL(sourceId.files.item(0));} else if(navigator.userAgent.indexOf("Chrome")>0) { // Chromeurl = window.URL.createObjectURL(sourceId.files.item(0));}else{url = window.URL.createObjectURL(sourceId.files.item(0));}imgPre.src = url; }

转载于:https://www.cnblogs.com/yang-blogs/p/9722134.html

FileReader 对象实现图片预览相关推荐

java 根据预览图片上传_JavaSctit 利用FileReader和滤镜上传图片预览功能
filereader 对象允许web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 file或 blob对象指定要读取的文件或数据. 1.filereader接口的方法 fi ...
FileReader -- 图片预览问题
封面: <div> <div id="showLiveCoverImg" style="height:128px;width:228px;border: ...
html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器
原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一 ...
原生js实现ajax的文件异步提交功能、图片预览功能.实例
采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> & ...
Javascript 本地图片预览
IE 的本地图片预览,使用 "file://localhost/"+file.value 的形式实现.或者使用图片滤镜来实现: Chrome 和 FireFox 浏览器,使用 ...
HTML5 实现图片预览和查看原图
html5从一开始就给开发者很多的期待,提供众多新的API,不用再想以前一样,为了实现某个功能写很多的代码.在以前,如果要实现图片预览会怎么做呢,因为为了安全的原因,web端的js是不能读取文件的本地 ...
dropzonejs中文翻译手册 DropzoneJS是一个提供文件拖拽上传并且提供图片预览的开源类库....
http://wxb.github.io/dropzonejs.com.zh-CN/dropzonezh-CN/ 由于项目需要,完成一个web的图片拖拽上传,也就顺便学习和了解了一下前端的比较新的技术 ...
html5 预览图片原理,html5实现图片预览和查看原图
html5提供了很多新的API,减轻了很多开发者的工作,比如这次要讲解的FileReader和naturalWidth,naturalHeight就能实现图片预览和查看原图功能 html5 从一开始就 ...
js小学生图区_多种方式实现js图片预览
js多种方式图片预览-持续更新 //设置自己的变量存储区 var Util = { file : $("#file"), image_show:$("#img_show& ...
input file本地图片预览的方法（兼容IE、Chrome和Firefox）
JS兼容各个浏览器的本地图片上传即时预览效果 2014-02-26 我来说两句收藏我要投稿很早以前在杭州银行工作曾经碰到这么一个需求,当时也是纠结了很久,也是go ...

FileReader 对象实现图片预览

FileReader 对象实现图片预览相关推荐

最新文章

热门文章