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";
Èç¹ûÓÃÄÜÁ¦¼ì²â»á±È½ÏÂé·³£¬ËùÒÔÖ»ÓÃÁËä¯ÀÀÆ÷¼ì²â¡£
ÓÉÓÚä¯ÀÀÆ÷¶ÔÓ¦µÄĬÈÏģʽÊDz»»á±äµÄ£¬Õâ¸öÖµ»á±£´æµ½º¯ÊýÊôÐÔÖÐ×÷Ϊ¹«ÓÃÊôÐÔ¡£
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·µ»ØÊý¾Ý»ñÈ¡³
Ïà¹ØÎĵµ£º
JavaScriptΪº¯Êý¶ÔÏó¶¨ÒåÁËÁ½¸ö·½·¨£ºapplyºÍcall£¬ËüÃǵÄ×÷Óö¼Êǽ«º¯Êý°ó¶¨µ½ÁíÍâÒ»¸ö¶ÔÏóÉÏÈ¥ÔËÐУ¬Á½Õß½öÔÚ¶¨Òå²ÎÊýµÄ·½Ê½ÓÐËùÇø±ð£º
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);
´Óº¯ÊýÔÐÍ¿ÉÒÔ¿´µ½£¬µÚÒ»¸ö²ÎÊý¶¼±»È¡ÃûΪthisArg£¬¼´ËùÓк¯ÊýÄÚ²¿µ ......
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ÏÂ,¿É ......
×î½üÔÚÍøÉϲéÔÄÁ˲»ÉÙJavascript±Õ°ü(closure)Ïà¹ØµÄ×ÊÁÏ£¬Ð´µÄ´ó¶àÊǷdz£µÄѧÊõºÍרҵ¡£¶ÔÓÚ³õѧÕßÀ´Ëµ±ð˵Àí½â±Õ°üÁË£¬¾ÍÁ¬ÎÄ×ÖÐðÊö¶¼ºÜÄÑ¿´¶®¡£×«Ð´´ËÎĵÄÄ¿µÄ¾ÍÊÇÓÃ×îͨË×µÄÎÄ×Ö½Ò¿ªJavascript±Õ°üµÄÕæÊµÃæÄ¿¡£
¡¡¡¡Ò»¡¢Ê²Ã´ÊDZհü£¿
¡¡¡¡“¹Ù·½”µÄ½âÊÍÊÇ£ºËùν“±Õ°ü”£¬Ö¸µÄÊÇÒ»¸öÓµÓÐÐ ......
function MyObject1(formalParameter){
alert("MyObject1");
this.testNumber = formalParameter;
//1
this.toString= function(){
alert("MyObject1:"+this.testNumber);
&nbs ......
JavaScriptµÄ·½·¨ºÍ¼¼ÇÉ ÊÕ²Ø
ÓÐЩʱºòÄ㾫ͨһÃÅÓïÑÔ£¬µ«ÊǻᷢÏÖÄãÆäʵÕûÌìÔÚºÍÆäËüÓïÑÔ´ò½»µÀ£¬Ò²ÐíÄãÒÔΪÕâЩ΢²»×ãµÀ£¬²»ÖÁÓÚÓ°ÏìÄãµÄ¿ª·¢½ø¶È£¬µ«Ç¡Ç¡ÊÇÕâЩÄã²»ÖØÊӵĶ«Î÷»áÀË·Ñ ÄãºÜ¶àʱ¼ä£¬ÎÒÒ»Ö±ÒÔΪÎÒÔçÔÚ¼¸Äêǰ¾ÍÒѾ¾«Í¨JavaScriptÁË£¬Ö±µ½Ä¿Ç°£¬ÎÒ²ÅÔ½À´Ô½¾õµÃJavaScriptÔ¶±ÈÎÒÏëÏóµÄ¸´ÔÓºÍÇ¿´ó£¬ÎÒ¿ªÊ¼³ç ......