×ðÁú¿­Ê±

htmlÔõôÉÏ´«Îļþ

¿ÉÒÔʹÓà html ÖÐµÄ ÔªËØÉÏ´«Îļþ £¬Æä type ÊôÐÔÐèÉèÖÃΪ “file” £¬²¢¿ÉÉèÖà name ºÍ accept ÊôÐÔÀ´Ö¸¶¨ÎļþÃû³ÆºÍ½ÓÊܵÄÎļþÀàÐÍ¡£±ðµÄ £¬¿ÉÒÔͨ¹ý html ±íµ¥»ò javascript À´´¦Öóͷ£ÉÏ´«µÄÎļþ¡£

ÔõÑùʹÓà HTML ÉÏ´«Îļþ

HTML ÖÐÌṩÁË ÔªËØ £¬Ëü¿ÉÒÔʵÏÖÎļþµÄÉÏ´«¹¦Ð§¡£ÏÂÃæÊÇʹÓà HTML ÉÏ´«ÎļþµÄ°ì·¨£º

Ìí¼Ó ÔªËØ

ÔªËØµÄ type ÊôÐÔÉèÖÃΪ “file” £¬ÒÔÖ¸¶¨ËüµÄÀàÐÍΪÎļþÉÏ´«¡£

<input type="file" name="myFile">

µÇ¼ºó¸´ÖÆ

ÉèÖÃ name ÊôÐÔ

name ÊôÐÔÖ¸¶¨ÁËÉÏ´«µÄÎļþµÄÃû³Æ¡£

Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»

ÉèÖÃ accept ÊôÐÔ

accept ÊôÐÔÖ¸¶¨Á˱»½ÓÊܵÄÎļþÀàÐÍ¡£ÀýÈç £¬ÒªÏÞÖÆÖ»½ÓÊÜͼÏñÎļþ £¬¿ÉÒÔÉèÖÃÈçÏ£º

<input type="file" name="myImage" accept="image/*">

µÇ¼ºó¸´ÖÆ

´¦Öóͷ£ÉÏ´«µÄÎļþ

µ±Óû§Ñ¡Ôñ²¢Ìá½»Îļþºó £¬¿ÉÒÔʹÓà HTML ±íµ¥»ò JavaScript À´´¦Öóͷ£ÉÏ´«µÄÎļþ¡£

ʹÓà HTML ±íµ¥´¦Öóͷ£ÉÏ´«µÄÎļþ

Ïò

ÔªËØÖÐÌí¼Ó enctype=”multipart/form-data” ÊôÐÔ £¬ÒÔÆôÓÃÎļþÉÏ´«¹¦Ð§¡£


µÇ¼ºó¸´ÖÆ <input type=”file” name=”myFile”>

ÔÚЧÀÍÆ÷¶Ë £¬¿ÉÒÔʹÓà PHP¡¢Python »òÆäËûÓïÑÔÀ´´¦Öóͷ£ÉÏ´«µÄÎļþ¡£

ʹÓà JavaScript ´¦Öóͷ£ÉÏ´«µÄÎļþ

ʹÓà JavaScript ¿ÉÒÔͨ¹ý¼àÌý change ÊÂÎñÀ´´¦Öóͷ£ÎļþÉÏ´«¡£

const input = document.querySelector('input[type="file"]');

input.addEventListener('change', function() {
  const files = this.files;
  // ´¦Öóͷ£ÉÏ´«µÄÎļþ
});

µÇ¼ºó¸´ÖÆ

ÒÔÉÏÊÇʹÓà HTML ÉÏ´«ÎļþµÄ°ì·¨¡£Í¨¹ýÉèÖà ԪËØµÄ type¡¢name ºÍ accept ÊôÐÔ £¬ÒÔ¼°Ê¹Óà HTML ±íµ¥»ò JavaScript ´¦Öóͷ£ÉÏ´«µÄÎļþ £¬¿ÉÒÔʵÏÖÎÞаµÄÎļþÉÏ´«¹¦Ð§¡£

ÒÔÉϾÍÊÇhtmlÔõôÉÏ´«ÎļþµÄÏêϸÄÚÈÝ £¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí £¬°æȨÕùÒéÓë±¾Õ¾ÎÞ¹Ø £¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±ÂËÓÍ»úÍø¹Ù·½Ì¬¶È £¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ £¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢ £¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢ £¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±ÊµÊ±ÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±

18523999891

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎå £¬9:30-18:30 £¬½ÚãåÈÕÐÝÏ¢

QR code
¡¾ÍøÕ¾µØͼ¡¿¡¾sitemap¡¿