required
<!-- DB 저장 폼 -->
<form>
<input type="text" id="filePath" name="filePath" />
<button type="button" onclick="upload()">파일첨부</button>
</form>
<!-- 파일 업로드 폼 -->
<form id="fileForm" style="display: none;">
<input type="file" id="fileInput" name="fileInput">
</form>
<script>
function upload() {
var $oldFileInput = $('#fileInput');
var $newFileInput = $('#fileInput').clone();
$oldFileInput.one('change', function () {
$('#fileForm').ajaxSubmit({
method: 'post',
url: '/uploadFile.do',
success: function (data) {
// data: 서버가 반환해야할 파일의 웹 경로를 의미한다.
$('#filePath').val(data);
}, complete: function (data) {
$oldFileInput.replaceWith($newFileInput);
$oldFileInput.remove();
}
});
});
$oldFileInput.click();
}
</script>