[jQuery] 사진 첨부 - 다른 거 클릭 시키기, 사진 파일만 첨부할 수 있게 하기

input type="file" 만들고 display="none"

첨부하는 버튼(div)을 따로 만들고, 그걸 클릭했을 때 첨부input을 클릭시키려면

 

<div class="main_img">
	<div class="add_m_img"></div>
</div>
<input type="file" class="real_upload" accept="image/*" 
	required multiple id="mUpload">

$(".main_img").on("click", function() {
	$(this).next(".real_upload").click();
})

위와 같이 클릭 이벤트 함수 만든 다음

클릭시키고 싶은 것에 클릭 이벤트 발생시키면 된다.

나는 input을 해당 div 다음에 만들었으니 next로 지정했다.

 

accept="image/*" : 이미지 파일만 업로드 가능하게 하는 속성.