欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

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

发布时间:2022/11/16 HTML 13 老码农
如意编程网 收集整理的这篇文章主要介绍了 Atitit. html 使用js显示本地图片的设计方案.doc 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

 

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

 

总结

以上是如意编程网为你收集整理的Atitit. html 使用js显示本地图片的设计方案.doc的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。