<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" />

함수의 인자로 클래스 이름을 받았습니다.

아래와 같이 그 인자를 Jquery 셀렉터로 사용하기 위해서는 아래와 같이 사용하시면 됩니다.

$("." + 변수명)

$("#" + 변수명)

function copy_custom( class_name)
{
	$("."+class_name).val("@@@@@");
}

https://static.mythomson.com/vendor/swiper-3.4.2/demos/

페이지에 들어가면 다양한 데모가 있습니다.
골라쓰세요~

1. JqueryScript.net

https://www.jqueryscript.net/

2. Jquery-Plugins

https://jquery-plugins.net