×ðÁú¿­Ê±¹ÙÍøµÇ¼

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
ÍøÕ¾µØͼ