Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案
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=本地图片路径无效的解决方案相关推荐
- [css] 如何做图片预览,如何放大一个图片?
[css] 如何做图片预览,如何放大一个图片? 图片不跨域的话用 canvas 来 drawImage 放大裁剪也可以. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...
- java图片预览上传_Java实现图片上传预览 (使用ajax提交)
html: 图片上传: js: function changepic(){ var reads = new FileReader(); f = document.getElementById('fil ...
- chrome浏览器不能显示本地图片办法解决(图片预览)
近期开发项目时有个功能是实现图片预览,但是我将图片路径赋值给img标签的src时,预览的显示是这样的. 唉.我就郁闷了,再仔细一看,浏览器给我加了个路径啊. 这是什么鬼东西啊. 试了一下replace ...
- element upload预览_element-ui上传组件图片默认不上传显示图片缩略图
新入职公司,新团队实训练手项目,后端没有提供单独的图片上传接口,需要用form/data 形式表单字段和图片文件一起提交,element UI 的上传组件默认需要启用action. 在选取图片文件后为 ...
- 适用于各浏览器支持图片预览,无刷新异步批量上传js插件(2)
之前写的这个上传插件,同事们都觉得还不错,不过都觉得还不够完美,于是决定使用业余时间对此插件持续优化,可能你过段时间会发现,插件又增加了新功能什么的,请注意文章后面评论里的更新说明. 以前在上传的时候 ...
- 图片预览(原生js实现)
功能描述 很多网站都是使用浏览器自带图片浏览功能,但看起来很low,想手动实现图片预览功能,点击图片弹出大图预览框在屏幕中间显示,根据图片宽高自适应屏幕大小 效果图 具体代码实现 页面preview. ...
- Vue 动态加载public图片和图片预览例子
一.vue 静态资源文件夹 Vue 有两个存放静态资源的文件夹:assets和public. 1. assets文件夹 使用require()方法加载静态资源,如: require('./assets ...
- 移动端图片预览插件-fly-zomm-img.min.js
移动端图片预览插件,一个JQ的插件,支持手势放大缩小:有点小bug,不过感觉是可以接受的: 插件的地址:http://www.jq22.com/jquery-info15466 那里有具体的说明,但是 ...
- 基于React的图片预览组件
一. 需求:最近项目中遇到要进行图片预览的需求,在网上找了一大圈可用的图片预览组件,起初选择react-wx-images-viewer作为预览组件二次开发,但后来发现虽然这个组件在Git上113个s ...
- 一款Android图片预览的开源库,几乎百分百还原微信的图片预览。
图片预览组件PreviewPictureView gihub地址:https://github.com/OneZeroYang/PreviewPictureView 几乎还原微信的图片预览,核心使用共 ...
最新文章
- django foreign key 自动加_id问题
- react native命令行全局安装
- 废旧光盘手工小制作_废旧光盘没有用,只能扔?这些光盘改造的小手工就很惊艳,附教程...
- python中的保护对象数据
- 田渊栋:博士五年总结
- 现代php中文版,现代PHP
- 内核与ramdisk到底是什么关系
- 从学校到职场的路有多远
- 特殊功能,实现方法!
- Zabbix graph(图形 告警) 时间显示不正确的解决办法
- Python常用小技巧总结
- word打开老是配置进度_打开word2010总是出现配置进度怎么办_打开word2010出现配置进度的解决方法-系统城...
- 使用NC-SI共享网口方式建立I350与BMC管理控制器的IPMI访问
- JAVA后台随机生成一个中文名字
- 高仿QQ游戏大厅-支持换肤和控件切换动画
- 那些便宜的vps,你敢用吗?企业该如何选择云服务器?
- springboot 整合 邮件发送
- elk学习中遇到的一些问题
- 计算机桌面都有说明,电脑重启后桌面所有的图标都没了怎么解决
- 大型数据库Oracle基础练习
热门文章
- if mysql sum 视图_MySQL(Excel透视)
- mysql为什么limit没用,MySQL是否可以使用LIMIT语法进行子查询?如果没有,为什么?...
- c语言静态变量和静态函数
- Android Studio NDK开发
- atitit。浏览器缓存机制 and 微信浏览器防止缓存的设计 attilax 总结
- 使用Eclipse中提供的Refactor(重构)工具
- CSS z-index 属性 控制div上下层次
- PHP连接MySQL查询结果中文显示乱码问题
- 预处理命令之条件编译(#ifdef,#endif,#else)
- [转载]Unicode、ANSI、UTF-8、Unicode Big Endian的故事