Atitit. html 使用js显示本地图片的设计方案.doc

时间:2022-05-13 21:07:38

Atitit. html 使用js显示本地图片的设计方案.doc

1.  Local mode  是可以的..web模式走有的不能兰.1

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

2.1. div来完成 。filter1

2.2. URL.createObjectURL (html5 api  ma sida)2

2.3. Css 背景(吗四大)2

2.4. 这是Data URI scheme (base64)。2

3. --code2

4. 参考2

1.  Local mode  是可以的..web模式走有的不能兰.

web模式现在浏览器好像不允许直接预览电脑本地文件因为这样会导致安全的问

如果是本地html, 相对路径  ,absolu path  all both 是 ok的..(ie,ff chrome)

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

转载请注明来源: http://www.cnblogs.com/attilax/

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

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

2.1. div来完成 。filter

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

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

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

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

转载请注明来源: http://www.cnblogs.com/attilax/

2.2. URL.createObjectURL (html5 api  ma sida)

2.3. Css 背景(吗四大)

2.4. 这是Data URI scheme (base64)。

  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=本地图片路径无效的解决方案