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.write("Êä³öÄÚÈÝ");ΪÊä³öÓï¾ä
2.JSÖеÄ×¢ÊÍΪµ¥ÐÐ//ºÍ¶àÐÐ/**/
3.´«Í³µÄHTMLÎĵµË³ÐòÊÇ:document->html->(head,body)
4.Ò»¸öä¯ÀÀÆ÷´°¿ÚÖеÄDOM˳ÐòÊÇ:window->(navigator,screen,history,location,docume ......
FRAMESET ±êÇ©ÊÇ FRAME ÔªËØµÄÈÝÆ÷¡£
HTML Îĵµ¿É°üº¬ FRAMESET ÔªËØ»ò BODY ÔªËØÖ®Ò»£¬Á½Õß²»ÄÜͬʱʹÓá£
¿ò¼Ü½«ÍøÒ³·Ö³É¼¸¸ö¿ò´°£¬Í¬Ê±È¡µÃ¶à¸öURL¡£ÓÃ<FRAMESET> <FRAME> ¼´¿É£¬ËùÓпò¼Ü±ê¼ÇÐèÒª·ÅÔÚÒ»¸ö×ÜÆðµÄ html ÎĵµÀÕâ¸öµµ°¸Ö»¼Ç¼Á˸ÿò¼ÜÈçºÎ·Ö¸î £¬²»»áÏÔʾÈκÎ×ÊÁÏ£¬ËùÒÔ²»±Ø·ÅÈë <BODY& ......
1.ÎÞÌáʾˢÐÂÍøÒ³
´ó¼ÒÓÐûÓз¢ÏÖ£¬ÓÐÐ©ÍøÒ³£¬Ë¢ÐµÄʱºò£¬»áµ¯³öÒ»¸öÌáʾ´°¿Ú£¬µã“È·¶¨”²Å»áˢС£
¶øÓеÄÒ³Ãæ²»»áÌáʾ£¬²»µ¯³öÌáʾ´°¿Ú£¬Ö±½Ó¾ÍË¢ÐÂÁË.
Èç¹ûÒ³ÃæÃ»ÓÐform£¬Ôò²»»áµ¯³öÌáʾ´°¿Ú¡£Èç¹ûÒ³ÃæÓÐform±íµ¥
a)<
form method="post" ...> »áµ¯³öÌáʾ´°¿Ú
b)< form method="get" ...& ......
×î½üÔÚÍøÉϲéÔÄÁ˲»ÉÙJavascript±Õ°ü(closure)Ïà¹ØµÄ×ÊÁÏ£¬Ð´µÄ´ó¶àÊǷdz£µÄѧÊõºÍרҵ¡£¶ÔÓÚ³õѧÕßÀ´Ëµ±ð˵Àí½â±Õ°üÁË£¬¾ÍÁ¬ÎÄ×ÖÐðÊö¶¼ºÜÄÑ¿´¶®¡£×«Ð´´ËÎĵÄÄ¿µÄ¾ÍÊÇÓÃ×îͨË×µÄÎÄ×Ö½Ò¿ªJavascript±Õ°üµÄÕæÊµÃæÄ¿¡£
¡¡¡¡Ò»¡¢Ê²Ã´ÊDZհü£¿
¡¡¡¡“¹Ù·½”µÄ½âÊÍÊÇ£ºËùν“±Õ°ü”£¬Ö¸µÄÊÇÒ»¸öÓµÓÐÐ ......