[PHP] INPUT type="file" 업로드 즉시 사진 업로드 시키기.

<input id="upload" type="file" />

<scirpt>
	$('#upload').on('change', function() {
    	  console.log('upload');
    	});
</script>

방법은 간단하다.

변화를 감지하게 하여 해당 파일이 업로드시에 해당 console.log가 찍히는 부분에

원하는 코드 예를 들어 ajax나 또는 axios, fetch를 넣어 서버에 통신하게 하면된다.

 

속도에 문제가 있다하면,

제이쿼리보다 바닐라코드가 빠르므로 제이쿼리를 쓰지 않는다면, 바닐라 코드를 쓰길 권장한다.

document.getElementById('upload');

이렇게 접근하면 된다.