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

 

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