兼容ie6、ie7、ie8 和FF的本地上传图片预览，并客户端判断文件大小和文件格式

最新推荐文章于 2021-06-23 15:05:10 发布
最新推荐文章于 2021-06-23 15:05:10 发布
阅读量1.2k 收藏
点赞数
文章标签： ie wrapper 浏览器 image 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhll3377/article/details/6366275
版权
前段时间有个项目需要做一个上传图片立马能看到预览图的效果 预览的图还是直接在客户端操作而不是先上传到服务器之后再返回URI的方式。查了相关的资料之后发现有一些现成的方法，但是对于浏览器的兼容性都不好，有的只支持IE6 有的只支持FF。于是自己动手写了这么一个demo。并且支持客户端判断文件大小和文件格式。 其实原理就是通过各种版本的浏览器实行不同的实现机制。 源代码：ie6_ie7_ie8_FF-upload-Preview.rar Firefox3,IE6,IE7,IE8上传图片预览


亮了的blog
关注
JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）
danhuang
06-29 2万+
摘要 本人个人nodejs分享论坛：tnodejs.com 参考：http://blog.csdn.net/nhconch/article/details/7295456 需要解决的问题有：本地图片如何在上传前预览、编辑； 最近发现这个功能很多是基于flash实现的，很多JavaScript实现的代码兼容性都很差，特别是在IE和firefox和chrome三个浏览器上不兼容。 代码实现主
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件
appemit
08-13 3598
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件。 AppEmit is an extensible lightweight middleware for communication between applications (especially browsers) and local programs. 主要采用了HTML5国际标准的Web Socket进行通话，默认为异步， JSON格式传递参数。 主要功能： 在几乎所有浏览器播放含有flash的网页或F
图片预览（兼容IE8）JS代码（包含demo）
02-28
此图片预览插件为JS代码，具体可以在我的博客中看，如果没有资源的话，可以私聊博主。 这款插件最好的地方在于可以兼容IE8。
type="file"实现兼容IE8本地选择图片预览
a119250729的博客
09-05 192
一、HTML代码 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadImagePage.aspx.cs" Inherits="Webs.pages.BookingNote.UploadImagePage" %> 2 3 <!DOCTYPE html> ...
web前端学习笔记-本地图片、文件上传并预览（兼容ie8）
Mr. Ding的小博客
11-04 937
文件上传通常会涉及到FileReader对象，主流的chrome FireFox edge 都支持FileReader对象,ie浏览器中ie10以下不支持FileReader对象，ie10以下文件上传的解决办法是用flash 一、FileReader对象实现文件上传并预览（图片） 文件上传主要是拿到用户上传的本地文件并提交给后台，图片上传是文件上传特殊的一类，经常需要实现图片的预览，预览图片用两种方法，方法一：前端获取图片的base64再渲染页面，方法二：前端提交数据到后台，后台返回一个图片链接，前端
IE8以下不能预览本机图片最新解决办法
易大师不易
11-28 1008
该问题直接用代码比较直观： 1.假设页面如此 &lt;div&gt; &lt;div class="upload-face-panel btnbgim"&gt; &lt;input id="imageFile" name="imageFile" type="file"/&gt; &lt;div class="upload-face&quot
Firefox3,IE6,IE7,IE8上传图片预览
lqc851011的专栏
10-27 512
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">          <html xmlns="http://www.w3.org/1999/xhtml">          <head>          <meta http-equiv="Content-Type" content="text/html; char
在页面预览客户端本地图片的js代码(兼容FF IE)
12-12
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也...
图片预览(兼容FF,IE7)
10-08
标题中的“图片预览(兼容FF,IE7)”指的是创建了一个功能，允许用户在浏览器上预览图片，这个功能同时支持Firefox（FF）和Internet Explorer 7（IE7）这两种浏览器。在早期的Web开发中，由于不同浏览器对某些技术的...
html判断低于ie8,js判断文件大小（兼容IE8及以上）
weixin_36051235的博客
06-23 206
/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">js check file size @ jb51.net< img id="tempimg" dynsrc="" src="" style="display:none" />var maxsize = 2*1024*1024;//2Mvar errMsg = "上...
javascript上传预览图片（IE8支持）
u014798510的博客
07-22 4801
html: <input type="file" multiple="true" name="imgOne" id="imgOne" onchange="preImg(this.id,'imgPre');" /> <img id="imgPre" src="" width="300px" height="300px" style="display: block;" /> javasc
整理 IE 7、8预览本地图片和获取本地图片大小
weixin_30849403的博客
11-17 119
本文不是讨论技术问题，只是将现有的关于图片预览方面的javascript 代码进行整理，希望对那些不知道这方面知识的朋友有些帮助 问题原因 在ie6我们要预览一个本地文件只需要这样既可实现： Code1<html>2<head>3<script>45//预览照片6functionpreviewP...
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
hnfeitianwugui的专栏
04-17 1773
http://dotnet.aspx.cc/file/Multi-Files-Upload-With-Preview.aspx
关于适配各种浏览器的图片预览。
weixin_30483495的博客
04-21 128
最近被兼容性整的微微头大。 首先全局性的兼容性问题，就是文件上传及预览； 上传使用jquery fileupload，插件本身就适配了IE8以上的浏览器。demo地址：http://blueimp.github.io/jQuery-File-Upload/ 本次要说的则是对上传前的图片预览问题； l两种思路。（1），上传后返回路径进行展示 （2），上传前选择本地路径对其展示 第一种方法...
IE8选图片显示预览图效果
风轻云断的博客
05-08 1634
坑点 IE8不能获取到inputd的files对象 IE8设置本地图片地址为src后，有的图显示，有的图不显示（未探索具体原因） 解决办法 支持files对象的就用base64的方法（不要问我为什么要用base64，最先想到的就是base64） 不支持的就通过滤镜方式来实现 界面HTML代码 &lt;input type="file" id="fileUpload"&gt; &...
Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案...
weixin_33918114的博客
08-24 154
Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案   1. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案 1 1.1. div来完成 。filter 1 1.2. 如果是本地html，好像用相对路径呀不行 2 1.3. URL.createObjectURL ( ma sida) 2 1.4. Css 背景（吗四大） 2 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值