이미지 업로드 jquery, axios

스크립트로 이미지 업로드 

[환경]

jquery, axios 

 

html

<form enctype="multipart/form-data" method="post" id="file-form">
	<input type="file" name="file" class="form-control form-control-user" id="file" placeholder="file">
</form>

jquery

            var form = $('#file-form')[0];
            var formData = new FormData(form);
            formData.append("file", $("#file")[0].files[0]);
            
            $.ajax({
                url: 'http://localhost:8081/indexer/images',
                processData: false,
                contentType: false,
                data: formData,
                type: 'POST',
                success: function(result){
                    alert("업로드 성공!!");
                }
            });

axios

var form = $('#file-form')[0];
var formData = new FormData(form);
formData.append("file", $("#file")[0].files[0]);

formData.append("imageId", 2);
const config = {
       headers: {'content-type': 'multipart/form-data'}
   }
   return axios.post('http://localhost:8081/indexer/images', formData, config);

[확인]