国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js 上傳圖片預(yù)覽問題

2019-11-21 00:03:42
字體:
供稿:網(wǎng)友
最近也經(jīng)常遇到瀏覽器兼容的問題,昨天遇到上傳圖片預(yù)覽問題,發(fā)現(xiàn)IE8和火狐不能顯示,弄了很久,早上終于解決了很高興。故跟大家分享下,我也多是網(wǎng)上找的,自己總結(jié)的一下,希望對大家有點幫助。
  我們一般根據(jù)IE6、IE7進行開發(fā)的時候?qū)憟D片預(yù)覽的代碼是:
復(fù)制代碼 代碼如下:

document.getElementById("img").src = document.getElementById("file").value;

  還有一種方式
復(fù)制代碼 代碼如下:

<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale); width:300px; height:300px;" id="div1"></div>
<script type="javascript">
document.getElementById("div1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("file").value;
</script>

IE8
  在IE8和火狐上直接用戶控件.value得到的只是文件名稱而不是完整路徑
復(fù)制代碼 代碼如下:

var isIE = (document.all) ? true : false;
var isIE7 = isIE && (navigator.userAgent.indexOf('MSIE 7.0') != -1);
var isIE8 = isIE && (navigator.userAgent.indexOf('MSIE 8.0') != -1);
var file = document.getElementById("file");
if (isIE7 || isIE8) {
file.select();
img = document.selection.createRange().text;
document.selection.empty();
document.getElementById("img").src = img;
}

火狐
  在火狐上問題很多,在網(wǎng)上找了很多東西都無法實現(xiàn),首先要獲得
在火狐上問題很多,在網(wǎng)上找了很多東西都無法實現(xiàn)。
  1。首先要獲得上傳問題的完整路徑,用下面的方法是可以得完整路徑
復(fù)制代碼 代碼如下:

  if (navigator.userAgent.indexOf("Firefox") != -1) {
  try {netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
}
img = document.getElementById("file").value;
  }

  2。但直接這樣給圖片修改路徑(src)沒有反應(yīng),后來發(fā)現(xiàn)有人說要在火狐顯示本地圖片要在前面加"file:///"
復(fù)制代碼 代碼如下:

      if (!document.all) {
img = img.replace(////g, "/");
img = "file:///" + img
}

  這樣如果是頁面上放個圖片是可以顯示,不過前提條件是不能放在IIS上,我的網(wǎng)站是部署在IIS上的這樣就算我直接放個圖片地址是本地圖片也顯示不了,所有我有本郁悶到了,而且很多人都說火狐有安全設(shè)置不能預(yù)覽本地圖片,我差點就放棄了。
  最后在網(wǎng)上在到一個可以預(yù)覽的例子,仔細(xì)分析發(fā)現(xiàn)原來要在火狐上實現(xiàn)預(yù)覽圖片其實代碼也很簡單:
復(fù)制代碼 代碼如下:

  document.getElementById("img").src = document.getElementById("file").files[0].getAsDataURL();

  我把它的路徑彈出了看,發(fā)現(xiàn)是一串很長的東西,好像是制定的圖片類型等等,不過總算是解決了
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 龙井市| 柘荣县| 清丰县| 韶山市| 新蔡县| 南开区| 靖远县| 贵溪市| 确山县| 深泽县| 江西省| 兴和县| 奉贤区| 竹山县| 阿瓦提县| 泸水县| 两当县| 舞钢市| 安阳市| 肃北| 和硕县| 乌鲁木齐市| 金川县| 柞水县| 青岛市| 鲜城| 汝城县| 曲靖市| 五莲县| 舟山市| 仁化县| 长治市| 泊头市| 武宁县| 冕宁县| 新津县| 登封市| 宁河县| 雷州市| 日土县| 满洲里市|