그림을 업로드하기위한 HTML 양식을 모방합니다.

Question

"찾아보기"및 "제출"단추를 페이스 북에서와 같이 HTML 양식과 어떻게 모방합니까? 나의 양식은 다음과 같습니다

<form action="upload_file.php" method="post" 
    enctype="multipart/form-data"> 
    <label for="file">Filename:</label> 
    <input type="file" name="file" id="file" /> 
    <br /> 
    <input type="submit" name="submit" value="Submit" /> 
    </form> 

지금까지 나는 전통적인 방법으로 그것을 할 만 할 수 있습니다. 그러나 내가 정말로 필요로하는 것은 : 사용자가 "그림 업로드"레이블이나 버튼 등을 클릭하면 "찾아보기"버튼을 모방 한 다음 그림을 선택하면 "제출"버튼 이벤트를 모방합니다. 이상한 찾고 탐색 및 제출 버튼을 표시하고 싶지 않습니다 ... 내 포인트가 있습니까?

Answer 1

저는 PLUpload를 과거와 비슷한 방식으로 사용했습니다. 주로 더 큰 파일을위한 것이지만 원하는대로 찾아보고 마스킹을 수행합니다. 이미지를 선택하면 JS가 자동 제출되도록 설정했습니다. 당신이 JS에 대한 기본적인 이해를하는 한 오래 걸리지 않습니다.

http://www.plupload.com/