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

2. 这是Data URI scheme。 2

3. --code 2

4. 参考 2

1. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案

分类: .net开发2013-03-25 16:49 1419人阅读 评论(0) 收藏 举报

1.1. div来完成 。filter

IE8.0 显示本地图片 img.src=本地图片路径 是无效,只能通过div来完成 。filter

把图片传服务器上,然后attr中设置服务返回的相对路径
现在浏览器好像不允许直接预览电脑本地文件

,在ie6,7浏览器里的js,不支持用setattribute()方法来修改src里的值,或者是input的type属性,因为这样会导致安全的问

作者:: 老哇的爪子 Attilax 艾龙,  EMAIL:1466519819@qq.com

转载请注明来源: http://blog.csdn.net/attilax

1.2. 如果是本地html,好像用相对路径呀不行

自能server 路径??看给挂base64新不》》

1.3. URL.createObjectURL ( ma sida)

1.4. Css 背景(吗四大)

2. 这是Data URI scheme。

  Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张1X36的白灰png图片。

3. --code

prj.atibrow.captxGui

byte[] read4img = filex.read4img(destFile.getAbsolutePath());

String base= Base64.encode(read4img,false);

rzt="data:image/jpeg;base64,"+base;

String call = (String) mp.get("$callback");

String js2 = call + "('" + rzt + "');";

boolean rzt2= ef.atiBrowserExampleinstance.executeJsTxt(js2);

4. 参考

html img Src base64 图片显示_添爷_新浪博客.html

atitit.javascript js 上传文件的本地预览.doc

Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案相关推荐

  1. [css] 如何做图片预览,如何放大一个图片?

    [css] 如何做图片预览,如何放大一个图片? 图片不跨域的话用 canvas 来 drawImage 放大裁剪也可以. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...

  2. java图片预览上传_Java实现图片上传预览 (使用ajax提交)

    html: 图片上传: js: function changepic(){ var reads = new FileReader(); f = document.getElementById('fil ...

  3. chrome浏览器不能显示本地图片办法解决(图片预览)

    近期开发项目时有个功能是实现图片预览,但是我将图片路径赋值给img标签的src时,预览的显示是这样的. 唉.我就郁闷了,再仔细一看,浏览器给我加了个路径啊. 这是什么鬼东西啊. 试了一下replace ...

  4. element upload预览_element-ui上传组件图片默认不上传显示图片缩略图

    新入职公司,新团队实训练手项目,后端没有提供单独的图片上传接口,需要用form/data 形式表单字段和图片文件一起提交,element UI 的上传组件默认需要启用action. 在选取图片文件后为 ...

  5. 适用于各浏览器支持图片预览,无刷新异步批量上传js插件(2)

    之前写的这个上传插件,同事们都觉得还不错,不过都觉得还不够完美,于是决定使用业余时间对此插件持续优化,可能你过段时间会发现,插件又增加了新功能什么的,请注意文章后面评论里的更新说明. 以前在上传的时候 ...

  6. 图片预览(原生js实现)

    功能描述 很多网站都是使用浏览器自带图片浏览功能,但看起来很low,想手动实现图片预览功能,点击图片弹出大图预览框在屏幕中间显示,根据图片宽高自适应屏幕大小 效果图 具体代码实现 页面preview. ...

  7. Vue 动态加载public图片和图片预览例子

    一.vue 静态资源文件夹 Vue 有两个存放静态资源的文件夹:assets和public. 1. assets文件夹 使用require()方法加载静态资源,如: require('./assets ...

  8. 移动端图片预览插件-fly-zomm-img.min.js

    移动端图片预览插件,一个JQ的插件,支持手势放大缩小:有点小bug,不过感觉是可以接受的: 插件的地址:http://www.jq22.com/jquery-info15466 那里有具体的说明,但是 ...

  9. 基于React的图片预览组件

    一. 需求:最近项目中遇到要进行图片预览的需求,在网上找了一大圈可用的图片预览组件,起初选择react-wx-images-viewer作为预览组件二次开发,但后来发现虽然这个组件在Git上113个s ...

  10. 一款Android图片预览的开源库,几乎百分百还原微信的图片预览。

    图片预览组件PreviewPictureView gihub地址:https://github.com/OneZeroYang/PreviewPictureView 几乎还原微信的图片预览,核心使用共 ...

最新文章

  1. django foreign key 自动加_id问题
  2. react native命令行全局安装
  3. 废旧光盘手工小制作_废旧光盘没有用,只能扔?这些光盘改造的小手工就很惊艳,附教程...
  4. python中的保护对象数据
  5. 田渊栋:博士五年总结
  6. 现代php中文版,现代PHP
  7. 内核与ramdisk到底是什么关系
  8. 从学校到职场的路有多远
  9. 特殊功能,实现方法!
  10. Zabbix graph(图形 告警) 时间显示不正确的解决办法
  11. Python常用小技巧总结
  12. word打开老是配置进度_打开word2010总是出现配置进度怎么办_打开word2010出现配置进度的解决方法-系统城...
  13. 使用NC-SI共享网口方式建立I350与BMC管理控制器的IPMI访问
  14. JAVA后台随机生成一个中文名字
  15. 高仿QQ游戏大厅-支持换肤和控件切换动画
  16. 那些便宜的vps,你敢用吗?企业该如何选择云服务器?
  17. springboot 整合 邮件发送
  18. elk学习中遇到的一些问题
  19. 计算机桌面都有说明,电脑重启后桌面所有的图标都没了怎么解决
  20. 大型数据库Oracle基础练习

热门文章

  1. if mysql sum 视图_MySQL(Excel透视)
  2. mysql为什么limit没用,MySQL是否可以使用LIMIT语法进行子查询?如果没有,为什么?...
  3. c语言静态变量和静态函数
  4. Android Studio NDK开发
  5. atitit。浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结
  6. 使用Eclipse中提供的Refactor(重构)工具
  7. CSS z-index 属性 控制div上下层次
  8. PHP连接MySQL查询结果中文显示乱码问题
  9. 预处理命令之条件编译(#ifdef,#endif,#else)
  10. [转载]Unicode、ANSI、UTF-8、Unicode Big Endian的故事