JavaScript 图片预览效果
随着浏览器安全性的提高，要实现图片预览也越来越困难。
不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。
在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。
上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。
兼容：ie6/7/8, firefox 3.5.5
后台支持下还兼容：opera 10.10, safari 4.0.4, chrome 3.0
ps：兼容opera, safari和chrome需要后台支持，请下载实例测试。
程序说明
【基本原理】
图片预览主要包括两个部分：从file表单控件获取图像数据，根据数据显示预览图像。
程序的file和img属性就是用来保存file控件和显示预览图像的容器的，而img还必须是img元素。
程序有以下几种预览方式：
simple模式：直接从file的value获取图片路径来显示预览，适用于ie6；
filter模式：通过selection获取file的图片路径，再用滤镜来显示预览，适用于ie7/8；
domfile模式：调用file的getAsDataURL方法获取Data URI数据来显示预览，适用于ff3；
remote模式：最后的办法，把file提交后台处理后返回图片数据来显示预览，全适用。
程序定义时就自动根据浏览器设置MODE属性：
ImagePreview.MODE = $$B.ie7 || $$B.ie8 ? "filter" :
$$B.firefox ? "domfile" :
$$B.opera || $$B.chrome || $$B.safari ? "remote" : "simple";
如果用能力检测会比较麻烦，所以只用了浏览器检测。
由于浏览器对应的默认模式是不会变的，这个值会保存到函数属性中作为公用属性。
ps：ie6也可以用filter模式，不过它有更好的simple模式。
【获取数据】
调用preview方法，就会执行预览程序：
if ( this.file && false !== this.onCheck() ) {
this._preview( this._getData() );
}
在通过检测后，再调用_getData获取数据，并作为_preview的参数进入下一步。
程序初始化时就会根据mode来设置_getData数据获取程序：
this._getData = this._getDataFun(opt.mode);
mode的默认值是ImagePreview.MODE，也可以在可选参数中自定义。
由于兼容性问题，一般应保留默认值，除非是使用全兼容的remote模式。
在_getDataFun里面，根据mode返回数据获取�
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
声明:这个是网上的资料,不过我在很大程度上进行了自己的说明介绍,希望大家会喜欢看
1.document.write("输出内容");为输出语句
2.JS中的注释为单行//和多行/**/
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,docume ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......
function MyObject1(formalParameter){
alert("MyObject1");
this.testNumber = formalParameter;
//1
this.toString= function(){
alert("MyObject1:"+this.testNumber);
&nbs ......
说明：
appendChild()
我测试的结果：
1 appendChild() 表格中所有行循环上移一行后， 用新的（行）替换了 表格的末行 ；相当于替换了表格的第一行，并循环上移一行
2 不改变 表格的总 行数
insertRow()
1 insertRow() 在表格中插入一行，表格总行书增一
2 insertRow(index) index=0 , 在表头增加， index=-1, 在� ......
