最近也经常遇到浏览器兼容的问题,昨天遇到上传图片预览问题,发现IE8和火狐不能显示,弄了很久,早上终于解决了很高兴。故跟大家分享下,我也多是网上找的,自己总结的一下,希望对大家有点帮助。
我们一般根据IE6、IE7进行开发的时候写图片预览的代码是:
复制代码 代码如下:
document.getElementById("img").src = document.getElementById("file").value;
还有一种方式
复制代码 代码如下:
<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale); width:300px; height:300px;" id="div1"></div>
<script type="javascript">
document.getElementById("div1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("file").value;
</script>
IE8
在IE8和火狐上直接用户控件.value得到的只是文件名称而不是完整路径
复制代码 代码如下:
var isIE = (document.all) ? true : false;
var isIE7 = isIE && (navigator.userAgent.indexOf('MSIE 7.0') != -1);
var isIE8 = isIE && (navigator.userAgent.indexOf('MSIE 8.0') != -1);
var file = document.getElementById("file");
if (isIE7 || isIE8) {
file.select();
img = document.selection.createRange().text;
document.selection.empty();
document.getElementById("img").src = img;
}
火狐
在火狐上问题很多,在网上找了很多东西都无法实现,首先要获得
在火狐上问题很多,在网上找了很多东西都无法实现。
1。首先要获得上传问题的完整路径,用下面的方法是可以得完整路径
复制代码 代码如下:
if (navigator.userAgent.indexOf("Firefox") != -1) {
try {netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
}
img = document.getElementById("file").value;
}
2。但直接这样给图片修改路径(src)没有反应,后来发现有人说要在火狐显示本地图片要在前面加"file:///"
复制代码 代码如下:
if (!document.all) {
img = img.replace(/\\/g, "/");
img = "file:///" + img
}
这样如果是页面上放个图片是可以显示,不过前提条件是不能放在IIS上,我的网站是部署在IIS上的这样就算我直接放个图片地址是本地图片也显示不了,所有我有本郁闷到了,而且很多人都说火狐有安全设置不能预览本地图片,我差点就放弃了。
最后在网上在到一个可以预览的例子,仔细分析发现原来要在火狐上实现预览图片其实代码也很简单:
复制代码 代码如下:
document.getElementById("img").src = document.getElementById("file").files[0].getAsDataURL();
我把它的路径弹出了看,发现是一串很长的东西,好像是制定的图片类型等等,不过总算是解决了
相关推荐:
AI文章比对技术:引领写作与内容审核的新革命,ai智能写作小说免费
文章生成AI:让写作轻松高效的神奇工具
SEO导流:如何通过精准优化实现网站流量大爆发,网站优化优化怎么做
ChatGPT页面打不开怎么办?这些解决方法让你轻松访问AI助手!,分散ai
seo网站是什么找行者SEO,seo分析网站 ,ai图文梅花
SEO调整,助力网站流量爆发式增长!,江都seo优化排名
SEO获客的秘诀:如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名
亚马逊产品seo什么意思,亚马逊平台产品专业术语 ,小新同学ai
亚马逊seo信息是什么,亚马逊seo关键词优化软件 ,光谷ai
seo需要什么器械,seo需要什么器械才能做 ,长续航ai纯电汽车
ChatGPT宕机恢复时间如何解决用户焦虑与技术背后的故事,ai人工智能写作火山
SEO与SEM策略:提升网站流量与品牌曝光的双剑合璧,ai补图
SEO优化关键词品牌:如何通过精准的关键词提升品牌价值,ai免费智能写作论文
为什么选择老域名注册,打造品牌价值的秘密武器,网站建设服务费用多少
ChatGPT登录503错误?轻松解决,快速恢复畅享智能体验!,ai怎么加植物材质效果
SEO用户:如何为您的网站带来持续流量和转化,惠州网站推广哪个好
在线AI文章:为您打造全新内容创作体验
软件AI:颠覆未来的智能革命
AI免费生成:开启智能创作新纪元,助力你的创意无限可能
GPT优化:让你的工作与生活更高效、更智能,Ai__79
SEO新手必看:从零开始SEO优化的终极指南,随州网站优化技巧
如何查文章AI率?全面解析AI文章检测工具及技巧
SEO建议:如何通过优化提升网站流量,赢得市场竞争,自媒体网站免费推广平台
SEO更好,让你的网站从此脱颖而出,渝中的知名网站建设
ChatGPT:打破语言障碍,理解与沟通的新时代,交通轨道ai
SEO功能:助力网站流量提升与品牌曝光,天津公司网站建设与维护
SEO运营是什么职业,seo运营工程师招聘 ,把ai图层改横幅
SEO薪资这些,你也能月入过万!,天水网站建设公司
AI免费写文:创作新时代的高效助手
OpenAI账号申诉怎么办?全方位解析解决方案,ai写作免费公众号下载
揭开“好的AI软件”背后的秘密:让生活和工作更智能的利器
中外链:打通全球流量的桥梁,提升网站排名与流量的双重保障,行业网站建设思路
为什么“蜘蛛弛查询”能成为提升网站排名的秘密武器?,惠州网站推广v1戈seo24
ChatGPT您的应用遇到问题,无法正常启动?如何解决并重新体验智能助手的魅力!,男头ai关键词
“扩写AI”-引领写作革命,开启智能创作新时代,dede seo 标题如何填写
ChatGPT支持多种语言输入输出,让全球资讯触手可及,联想拯救者的ai写作
什么是秀米?全方位了解这款微信公众号排版神器,宁波全网营销型网站建设
SEO这样做,轻松引爆流量,助力企业成长,无极标准网站优化好处
GPT在智能聊天机器人中的作用:重塑沟通体验,开创智能未来,百万级ai
云推SEO:让您的网站在激烈竞争中脱颖而出,网站优化公司欢迎来电
什么是神马排名?让你的网站脱颖而出,轻松占据搜索引擎的C位!,乳山网站优化关键词排名
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具
颠覆写作方式:免费的AI续写软件助你轻松创作
AI通过算法和数据生成的作品:科技与艺术的跨越,带来无限创意可能,ai优化程序
文章AI指令提升写作效率的智能助手
ChatGPT异常了:人工智能的极限与突破,ai and ethics
seo点击工具,seo排名点击软件推荐 ,ai狂躁
怎么使用AI生成文章,轻松提升写作效率!
SEO如何做?全方位解析提升网站排名的秘诀,AI翻译好处
SEO场景下的数字营销:如何通过精准优化提升网站流量,陕西融发建设集团网站