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=本地圖片路徑無效的解決方案