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

最新推荐文章于 2021-06-23 15:05:10 发布
最新推荐文章于 2021-06-23 15:05:10 发布
阅读量1.1k 收藏
点赞数
文章标签： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
图片预览（兼容IE8）JS代码（包含demo）
02-28
此图片预览插件为JS代码，具体可以在我的博客中看，如果没有资源的话，可以私聊博主。 这款插件最好的地方在于可以兼容IE8。
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
hnfeitianwugui的专栏
04-17 1750
http://dotnet.aspx.cc/file/Multi-Files-Upload-With-Preview.aspx
type="file"实现兼容IE8本地选择图片预览
a119250729的博客
09-05 167
一、HTML代码 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadImagePage.aspx.cs" Inherits="Webs.pages.BookingNote.UploadImagePage" %> 2 3 <!DOCTYPE html> ...
Firefox3,IE6,IE7,IE8上传图片预览
lqc851011的专栏
10-27 497
<!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
关于适配各种浏览器的图片预览。
weixin_30483495的博客
04-21 112
最近被兼容性整的微微头大。 首先全局性的兼容性问题，就是文件上传及预览； 上传使用jquery fileupload，插件本身就适配了IE8以上的浏览器。demo地址：http://blueimp.github.io/jQuery-File-Upload/ 本次要说的则是对上传前的图片预览问题； l两种思路。（1），上传后返回路径进行展示 （2），上传前选择本地路径对其展示 第一种方法...
兼容ie6、ie7、ie8 和FF的本地上传图片预览
03-28
NULL 博文链接：https://huangjiateng.iteye.com/blog/1207512
在页面预览客户端本地图片的js代码(兼容FF IE)
12-12
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也...
DIV+CSS相对IE6 IE7和IE8浏览器行为区别及兼容性问题整理
01-21
本文向大家简单描述一下DIV+CSS相对IE6 IE7和IE8兼容问题整理，重点介绍一下IE6 IE7和IE8等浏览器的区别和联系，相信本文介绍一定会让你有所收获。 DIV+CSS相对IE6 IE7和IE8兼容问题整理 1.区别IE和非IE浏览器 ...
兼容IE和FF的图片上传前预览js代码
12-12
效果图如下： 代码如下： 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> <...本地图片预览</title> <style type=”
整理 IE 7、8预览本地图片和获取本地图片大小
weixin_30849403的博客
11-17 98
本文不是讨论技术问题，只是将现有的关于图片预览方面的javascript 代码进行整理，希望对那些不知道这方面知识的朋友有些帮助 问题原因 在ie6我们要预览一个本地文件只需要这样既可实现： Code1<html>2<head>3<script>45//预览照片6functionpreviewP...
web前端学习笔记-本地图片、文件上传并预览（兼容ie8）
Mr. Ding的小博客
11-04 842
文件上传通常会涉及到FileReader对象，主流的chrome FireFox edge 都支持FileReader对象,ie浏览器中ie10以下不支持FileReader对象，ie10以下文件上传的解决办法是用flash 一、FileReader对象实现文件上传并预览（图片） 文件上传主要是拿到用户上传的本地文件并提交给后台，图片上传是文件上传特殊的一类，经常需要实现图片的预览，预览图片用两种方法，方法一：前端获取图片的base64再渲染页面，方法二：前端提交数据到后台，后台返回一个图片链接，前端
javascript上传预览图片（IE8支持）
u014798510的博客
07-22 4763
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
IE8选图片显示预览图效果
风轻云断的博客
05-08 1599
坑点 IE8不能获取到inputd的files对象 IE8设置本地图片地址为src后，有的图显示，有的图不显示（未探索具体原因） 解决办法 支持files对象的就用base64的方法（不要问我为什么要用base64，最先想到的就是base64） 不支持的就通过滤镜方式来实现 界面HTML代码 &lt;input type="file" id="fileUpload"&gt; &...
IE8以下不能预览本机图片最新解决办法
易大师不易
11-28 975
该问题直接用代码比较直观： 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
Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案...
weixin_33918114的博客
08-24 140
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 ...
html判断低于ie8,js判断文件大小（兼容IE8及以上）
weixin_36051235的博客
06-23 165
/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 = "上...
用C++ 文件流判断文件所有图片格式文件类型
最新发布
03-25
A: 可以使用以下步骤来判断文件所有图片格式文件类型： 1. 定义一个包含所有图片格式文件类型的数组，比如 { "jpg", "jpeg", "bmp", "png", "gif" }。 2. 打开文件，使用 fopen 函数和 "rb" (二进制读取) 模式来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值