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±Õ°ü(closure)Ïà¹ØµÄ×ÊÁÏ£¬Ð´µÄ´ó¶àÊǷdz£µÄѧÊõºÍרҵ¡£¶ÔÓÚ³õѧÕßÀ´Ëµ±ð˵Àí½â±Õ°üÁË£¬¾ÍÁ¬ÎÄ×ÖÐðÊö¶¼ºÜÄÑ¿´¶®¡£×«Ð´´ËÎĵÄÄ¿µÄ¾ÍÊÇÓÃ×îͨË×µÄÎÄ×Ö½Ò¿ªJavascript±Õ°üµÄÕæʵÃæÄ¿¡£
¡¡¡¡Ò»¡¢Ê²Ã´ÊDZհü£¿
¡¡¡¡“¹Ù·½”µÄ½âÊÍÊÇ£ºËùν“±Õ°ü”£¬Ö¸µÄÊÇÒ»¸öÓµÓÐÐ ......
Éϴβ¿ÃÅÕÐƸÐèÒªwebǰ̨¼¼Êõ±ÊÊÔÌâÄ¿£¬ÎÒÔÚÍøÉÏËÑË÷һϣ¬»¹ÕæÕÒ²»µ½Ê²Ã´¡£ÓÚÊÇ×Ô¼º±àÁ˼¸µÀ¡£
ÕÐƸ½áÊøÁË£¬ÌâÄ¿¹À¼ÆûÓÃÁË¡£ÕâÀ﹫²¼³öÀ´£¬¶Ôjs¸ÐÐËȤµÄÐÂÊÖ¿ÉÒÔ×ö×ö¿´£¬»òÐíÓаïÖúŶ¡£
´ð°¸¾Í²»¹«²¼ÁË£¬×Ô¼ºÒ»ÊÔ¾ÍÖªµÀÁË¡£
Ò»¡¢µ¥Ñ¡Ìâ
......
Èç¹ûʹÓÃhtml¿Ø¼þ»¹ºÃһЩ£¬·þÎñÆ÷¿Ø¼þ¾Í±È½ÏÓôÃÆһЩ£¬ÒòΪGridViewÉú³ÉÖ®ºóÊǶàÐеģ¬ËùÒÔÕâ¸öÎı¾¿òÒ²»áÓкܶà¸ö£¬ÁíÒ»·½Ãæasp.net»á×Ô¶¯ÖØÐÂÃüÃû¿Ø¼þ£¬ËùÒÔÏëͨ¹ýID»ñÈ¡ÒѾ²»¿ÉÄÜÁË£¬ºÜ²»ÐÒµÄÊÇÁ¬nameÊôÐÔ¶¼±»×Ô¶¯Éú³ÉÁË£¬ÄÄÅÂÄãÌí¼ÓÁËnameÊôÐÔ£¬Ò²ÎÞ·¨¸²¸ÇÉú³ÉµÄname£¬¶øÊÇ»á³öÀ´Á½¸önameÊôÐÔ
ÄÇô¾ÍÏë±ðµÄ°ì·¨£¬ ......
Ò»¡¢ÐÂÔöÒ»¸öoption
var sel=document.getElementById("selectµÄid");
var op=document.createElement("option");
op.value=Öµ;
op.text=ÏÔʾÎı¾;
sel.add(op);
¶þ¡¢É¾³ýÒ»¸öoption
var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
alert("ÇëÑ¡ ......
JavaScript ÊǸù¾Ý "ECMAScript"±ê×¼Öƶ¨µÄÍøÒ³½Å±¾ÓïÑÔ¡£Õâ¸ö±ê×¼ÓÉ ECMA ×éÖ¯·¢Õ¹ºÍά»¤¡£ECMA-262
ÊÇÕýʽµÄ JavaScript ±ê×¼¡£Õâ¸ö±ê×¼»ùÓÚ JavaScript (Netscape) ºÍ JScript
(Microsoft)¡£Netscape (Navigator 2.0) µÄ Brendan Eich ·¢Ã÷ÁËÕâÃÅÓïÑÔ£¬´Ó 1996
Ä꿪ʼ£¬ÒѾ³öÏÖÔÚËùÓÐµÄ Netscape ºÍ Micro ......