How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?
How to get full path of file while selecting file using <input type=‘file’> <input type="file" id="fileUpload"> <script type="text/javascript"> function getFilePath(){ $('in...
stackoverflow.com
files[0].value 로는 , C:\Fakepath\~~~ 로 표시 되어 , 정확한 경로를 알 수가 없었습니다.
획득한 Blob URL Address를 브라우져에서 그대로 호출 시에 이미지는 표시가 되고 , 일반 파일의 경우 다운로드를 할 수 있었습니다.
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<meta name="viewport" name="viewport" content="width=1024">
<meta name="robots" content="index,follow" />
<meta name="subject" content="TestWAS" />
<meta name="keywords" content="TestWAS" />
<meta name="description" content="TestWAS" />
<meta name="copyright" content="copyrights 2022" />
<meta name="classification" content="internet" />
<meta name="distribution" content="global" />
<meta name="language" content="ko" />
<title>파일 업로드 테스트</title>
</head>
<body >
<div style="width:100%">
<input type="file" name="file">
<br />
<input type="text" value="" id="text" MaxLength="255" style="width:100%"/>
</div>
</body>
<script src="/scripts/jquery-3.6.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input[type=file]").change(function(event) {
let tmpPath = URL.createObjectURL(event.target.files[0]);
$("#text").val(tmpPath);
});
});
</script>
</html>테스트 파일 선택시에 결과 입니다.
다른 WAS 서버에 Binding 하여 , 테스트 진행 시에도 다운로드가 되나 테스트 해보았습니다.
잘되는것을 확인 하였습니다.
'JAVASCRIPT' 카테고리의 다른 글
| [JQuery File Upload] API를 이용한 파일 업로드 테스트 (0) | 2022.07.31 |
|---|---|
| [JavaScript] async , await 키워드를 이용한 비동기 , 동기 메서드 호출 예제 (0) | 2022.03.29 |
| [VWorldMap API] EPSG:4326 경도위도 값을 , EPSG:3857 좌표계로 변환 javascript 함수 (0) | 2022.01.09 |
| showModalDialog 오픈 후 onload 이벤트에서 창 사이즈 조정 (0) | 2016.02.03 |
| [JavaScript] Splice 메서드를 이용하여 배열 초기화 (0) | 2015.10.12 |
