[스크립트] 파일명 추출 (파일경로를 제거하고싶습니다.) 채택완료
obli
5년 전
조회 7,594
</p>
<p><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></p>
<p></p>
<p><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);</p>
<p> });
});
</script></p>
<p>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개
채택된 답변
+20 포인트
5년 전
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" 부분 제거
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
o
obli
5년 전
정말 감사해요 한번에 해결입니다 ,,,, bbbbb
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인