发布于 2016-12-27 16:53:57 | 49 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


我们写网页的时候一般的用IE进行开发,一般的人都是按照IE进行些程序,做网站的时候遇到浏览器兼容问题是非常烦躁的事情。
最近也经常遇到浏览器兼容的问题,昨天遇到上传图片预览问题,发现IE8和火狐不能显示,弄了很久,早上终于解决了很高兴。故跟大家分享下,我也多是网上找的,自己总结的一下,希望对大家有点帮助。
  我们一般根据IE6、IE7进行开发的时候写图片预览的代码是:
 
document.getElementById("img").src = document.getElementById("file").value; 

  还有一种方式
 
<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得到的只是文件名称而不是完整路径
 
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; 
} 

火狐
  在火狐上问题很多,在网上找了很多东西都无法实现,首先要获得
在火狐上问题很多,在网上找了很多东西都无法实现。
  1。首先要获得上传问题的完整路径,用下面的方法是可以得完整路径
 
  if (navigator.userAgent.indexOf("Firefox") != -1) { 
  try {netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); 
} catch (e) { } img = document.getElementById("file").value;   }

  2。但直接这样给图片修改路径(src)没有反应,后来发现有人说要在火狐显示本地图片要在前面加"file:///"
 
      if (!document.all) { 
img = img.replace(/\\/g, "/"); 
img = "file:///" + img 
} 

  这样如果是页面上放个图片是可以显示,不过前提条件是不能放在IIS上,我的网站是部署在IIS上的这样就算我直接放个图片地址是本地图片也显示不了,所有我有本郁闷到了,而且很多人都说火狐有安全设置不能预览本地图片,我差点就放弃了。
  最后在网上在到一个可以预览的例子,仔细分析发现原来要在火狐上实现预览图片其实代码也很简单:
 
  document.getElementById("img").src = document.getElementById("file").files[0].getAsDataURL(); 

  我把它的路径弹出了看,发现是一串很长的东西,好像是制定的图片类型等等,不过总算是解决了


相关阅读 :
js 上传图片预览问题
JS上传图片预览插件制作(兼容到IE6)
简单实现JS上传图片预览功能
js兼容火狐显示上传图片预览效果的方法
上传图片预览JS脚本 Input file图片预览的实现示例
JS上传前预览图片实例
js实现上传图片预览的方法
js 上传文件预览的简单实例
javascript实现input file上传图片预览效果
input file上传 图片预览功能实例代码
js上传图片及预览功能实例分析
JS上传图片前实现图片预览效果的方法
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务