JavaScript 图片上传预览效果(11)

该文档说了怎么在页面做图片预览, 一步一步的

onErr: function(){},//预览错误时执行

以下在remote模式时有效

action: undefined,//设置action

timeout: 0//设置超时(0为不设置)

如果要使用remote模式必须设置一个action。

还提供了以下方法：

preview：执行预览操作；

dispose：销毁程序。

程序源码

Code highlighting produced by Actipro CodeHighlighter (freeware)

/

-->var ImagePreview = function(file, img, options) {

this.file = $$(file);//文件对象

this.img = $$(img);//预览图片对象

this._preload = null;//预载图片对象

this._data = "";//图像数据

this._upload = null;//remote模式使用的上传文件对象

var opt = this._setOptions(options);

this.action = opt.action;

this.timeout = opt.timeout;

this.ratio = opt.ratio;

this.maxWidth = opt.maxWidth;

this.maxHeight = opt.maxHeight;

this.onCheck = opt.onCheck;

this.onShow = opt.onShow;

this.onErr = opt.onErr;

//设置数据获取程序

this._getData = this._getDataFun(opt.mode);

//设置预览显示程序

this._show = opt.mode !== "filter" ? this._simpleShow : this._filterShow;

};

//根据浏览器获取模式

ImagePreview.MODE = $$B.ie7 || $$B.ie8 ? "filter" :