• HTML
  • JS

INPUT TYPE FILE 파일명 추출

2019-03-20 169

설명

  • 카카오톡 링크

INPUT TYPE FILE 을 JQUER를 이용하여 파일명을 추출하는 방법입니다~!

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style type="text/css">
	.file_name {margin-top:15px;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		$('input[type=file]').change(function(e){
			$(this).parent().find(".file_name").text(e.target.files[0].name);
		});
	});
</script>

<div class="file_box">
	<input type="file" name="" id="" value="" title="" />
	<p class="file_name">
		파일명이 없습니다
	</p>
</div>