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

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

$$B.firefox ? "domfile" :

$$B.opera || $$B.chrome || $$B.safari ? "remote" : "simple";

//透明图片

ImagePreview.TRANSPARENT = $$B.ie7 || $$B.ie6 ?

"mhtml:" + document.scripts[document.scripts.length - 1].getAttribute("src", 4) + "!blankImage" :

"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";

ImagePreview.prototype = {

//设置默认属性

_setOptions: function(options) {

this.options = {//默认值

mode: ImagePreview.MODE,//预览模式

ratio: 0,//自定义比例

maxWidth: 0,//缩略图宽度

maxHeight: 0,//缩略图高度

onCheck: function(){},//预览检测时执行

onShow: function(){},//预览图片时执行

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

//以下在remote模式时有效

action: undefined,//设置action

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

};

return $$.extend(this.options, options || {});

},

//开始预览

preview: function() {

if ( this.file && false !== this.onCheck() ) {

this._preview( this._getData() );

}

},

//根据mode返回数据获取程序

_getDataFun: function(mode) {

switch (mode) {

case "filter" :

return this._filterData;

case "domfile" :

return this._domfileData;

case "remote" :

return this._remoteData;

case "simple" :