Input File 선택 시 이벤트 및 비동기 전송

웹 프로그래밍/HTML - CSS|2022. 12. 24. 19:28
300x250

 

<input> 태그에서 파일을 선택했을때 비동기 이벤트를 처리하는 방법은 아래와 같다.

html 코드에는 input 파일을 넣어줘야 한다.

 

파일을 선택 또는 변경시 아래 uploadFile() 한수를 호출해서 결과를 넘긴다.

현재 코드는 json() 으로 되어있는데 text로도 변경할 수 있다.

<javascript>
document).on("change","#fileupload",function(){		 
	var result = uploadFile().then(text => {

	//처리 코드 입력
)};

async function uploadFile() {
    let formData = new FormData();           
    formData.append("upload_file", fileupload.files[0]);
    var response = await fetch('/comment_upload_ok.php', {
      method: "POST", 
      body: formData
    });    

	var text = response.json(); // json(), text() 선택
	return text;
}
</javascript>


<input id="fileupload" type="file" name="fileupload" />
300x250

댓글()

삼성앱 - monimo (모니모) 최대 30만원 뽑기 찬스

기타|2022. 9. 15. 13:14
300x250

오늘은 삼성에서만든 모니모 라는 앱을 추천 드립니다.

현재 시간으로 34,385원을 공짜로 받았습니다.

 

계좌는 없지만 토스와 유사한 앱입니다.

모든 포인트는 토스와 같이 현금으로 100% 출금 가능 합니다.

- 걷기시 포인트 지급

- 출첵시 포인트 지급

- 각종 이벤트 등

아래 이벤트 참여하시고 최대 30만원 득템하시길 바랍니다. (가입 후 버튼 클릭만 하면 됨)

하단 이벤트 클릭 -> 내용 내리시면 최대 30만원 럭키 젤리 이벤트가 있습니다.

가입시 초대코드 입력하면 최대 3천원 뽑기를 받을수 있습니다.

(미 입력 시 지급 X)

 

초대코드 : 0J4QIOL

초대초드로 가입하기( 아래 링크 클릭 )

https://www.monimo.com/w/applink/WPFMAL0104M0?cmpId=M221085630&frndInvtCd=0J4QIOL&invateDate=20220913

 

300x250

댓글()