|
|
Ŭ¶ó¿ìµåű×
Javascript PHP html asp mysql CSS Mobile jquery image slide �޴� ������Ʈ ¸Þ´º
|
|
|
ÇöÀçÁ¢¼ÓÀÚ ¸í |
|
|
|
|
|
|
|
input typeÀÇ fileÀ» µðÀÚÀÎÇÒ¼ö ÀÖ´Â ¹æ¹ý |
|
|
|
|
¼Ò½ººÐ·ù |
Æû °ü·Ã |
|
|
´Ù¿î·Îµå Ƚ¼ö |
254 ȸ |
|
|
|
°£´Ü¼³¸í |
input tyle="file"Àº ÆÄÀÏÀ» ÷ºÎÇϱâ À§ÇÑ ¿ëµµÀÇ ¼Ò½º·Î ¹öÆ°¿¡ ´ëÇÑ CSS µðÀÚÀÎÀ» ÀÔÈú¼ö°¡ ¾ø½À´Ï´Ù. ÇÏ¿© º» ½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÏ¿© À̹ÌÁö³ª ½ºÅ¸ÀÏÀ» ÀÔÈù ¹öÆ°À¸·Î ´ëóÇÒ ¼ö ÀÖ½À´Ï´Ù. |
|
|
|
|
|
|
º» ¼Ò½º¸¦ ¹Ý¿µÇϱâÀü »óÀ§¿¡
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
¶ó´Â jquery ¸¦ ¹Ý¿µÇØµÎ¼Å¾ß ÇÕ´Ï´Ù.
ÀÌ¿Í°°Àº <input tyle="file"> ¼Ò½º´Â css³ª À̹ÌÁö ¹öÆ°À¸·Î µðÀÚÀÎÀ» ÀÔÈú¼ö°¡ ¾ø½À´Ï´Ù.
ÇÏ¿© º» ½ºÅ©¸³Æ®¸¦ ±âº»À¸·Î ÇØ´ç input ¿µ¿ª¿¡ À̹ÌÁö¸¦ ¾òÇô³õ´Â ¹æ½ÄÀ¸·Î µðÀÚÀÎÀ» ÇÒ¼ö ÀÖ´Â Á¶°ÇÀ» ¸¸µé¾îÁÝ´Ï´Ù.
½ºÅ©¸³Æ® ¼Ò½º³»
"position": "absolute",
"top": "15px",
"right": "0px",
"width": "81px",
"height": "30px",
"cursor": "pointer",
"opacity": "0.0"
¶ó´Â ¿µ¿ªÀ¸·Î ¹öÆ°À̹ÌÁö¿¡ µ¤¿©Áú file ÷ºÎ ¿µ¿ªÀ» Àâ¾ÆÁÖ¼Å¾ß Çϸç,
¹öÆ° ¿µ¿ª¿¡ ¹Ý¿µµÉ À̹ÌÁö´Â ¹Ýµå½Ã À̹ÌÁö »çÀÌÁ ±âÀÔÇØÁÖ¼Å¾ß ÇÕ´Ï´Ù.
<input type="image" class="button" width="81" height="25" src="btn_reg.gif" title="ÆÄÀÏ ¿Ã¸®±â" />
À§ ¼Ò½º¸¦ ¹Ý¿µÇÏ¿© ¸ðµç input type="file" Ç׸ñ¿¡ ¹Ý¿µÇÒ ¼ö ÀÖ½À´Ï´Ù.
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|