[스크립트] 파일명 추출 (파일경로를 제거하고싶습니다.)
본문
<div class="file_box">
<div class="bo_w_flie write_div">
<label for="wr_file1" id="fileName1" class="fileName">파일 1</label>
<input type="file" id="wr_file1" class="file_target" value="업로드" name="upFile" onchange="javascript:document.getElementById('fileName1').value = this.value">
</div>
<div class="bo_w_flie write_div">
<label for="wr_file2" id="fileName2" class="fileName">파일 2</label>
<input type="file" id="wr_file2" class="file_target" value="업로드" name="upFile" onchange="javascript:document.getElementById('fileName2').value = this.value">
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('input[type=file]').on('change',function(){
if(window.FileReader){
var filename = this.value;
} else {
var filename = $(this).val().split('/').pop().split('\\').pop();
}
$(this).siblings('.fileName').text(filename);
});
});
</script>
js 초짜입니다... 파일명 추출하고싶습니다.
input을 숨기고 숨긴input+label 에 디자인을 입힌상태입니다.
파일1 파일2
이렇게 출력되구요.
스크립트는 겨우 배낀거지만 맞는지도 모르겠지만.. 출력은 잘되고있습니다!
파일 a.jpg b.jpg 로 첨부한다고쳣을 때
파일1 -> a.jpg 로 텍스트변경
파일2 -> b.jpg 로 텍스트변경 하고싶습니다.
앞에 경로가붙는데
C:\fakepath\a.jpg
C:\fakepath\b.jpg
C:\fakepath\ 이 경로를 없애고 싶습니다
도와주세요 ㅠㅠ
구글에 검색해봐도 모르겠습니다 ....
답변 1
if(window.FileReader){
var filename = $(this).val().split('/').pop().split('\\').pop();
} else {
var filename = $(this).val().split('/').pop().split('\\').pop();
}
onchange="javascript:document.getElementById('fileName2').value = this.value" 부분 제거
정말 감사해요 한번에 해결입니다 ,,,, bbbbb
답변을 작성하시기 전에 로그인 해주세요.
