[jQuery] 파일 첨부 이벤트에 submit 하기

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>