이미지를 클릭하여 파일을 업로드하는 중 문제가 발생했습니다.

Question

입력 된 이미지를 클릭했을 때 업로드 파일을 열려고했습니다. 이미지를 클릭하면 파일 업로드 창이 나타나지만 파일을 선택하면로드되지 않습니다 (이름이 "선택한 파일 없음"대신 표시되지 않음). 또한 양식에 대한 정보가 있고 이미지 버튼을 클릭하면 이전 입력이 비 웁니다.

이미지 대신 업로드 파일을 클릭하면 아무 작업도 수행되지 않고 이미지가 제대로로드됩니다. 여기에 코드입니다, 당신이 날 도울 수 있기를 바랍니다 :

HTML 양식 :

 <form class='register-form-user-frmt' action='' method='post' enctype="multipart/form-data" > 
      <span class='register-form-user-email'> 
       E-mail: <br> <input type='email' name='register-form-user-email' /> 
      </span> 
      <span class='register-form-user-name'> 
       On-page name: <br> <input type='text' name='register-form-user-name' /> 
      </span> 
      <span class='register-form-user-password'> 
       Password: <br> <input type='password' name='register-form-user-password' /> 
      </span> 
      <span class='register-form-user-password-repeat'> 
       Check password: <br> <input type='password' name='register-form-user-password-repeat' /> 
      </span> 
      <span class='register-form-user-image-upload-hidden'> 
       <input type='file' id='register-form-user-image-upload-hidden' name='photo'/> 
      </span> 
      <span class='register-form-user-submit'> 
       <input type='submit' name='register-form-user-submit' value='Submit' /> 
      </span> 
      <span class='register-form-user-image-button'> 
       Upload image: <br> <input type='image' name='register-form-user-image-user-button' src='images/camera upload logo.png' /> 
      </span> 
     </form> 

JQuery와 :

$(document).ready(function() { 
$('.register-form-user-image-button').click(function() { 
    $('#register-form-user-image-upload-hidden').click(); 
}); 
}); 

감사합니다.

Answer 1

당신은,이 후이

<span class='register-form-user-image-button'> 
    Upload image: <br> <input type='file' name='register-form-user-image-user-button' src='images/camera upload logo.png' /> 
</span> 

를 사용하여 파일 형식은 JPG, BMP 등 Here입니다 참조 경우 필터링 할 PHP 파일을 만들 수 있습니다. 이 jquery없이 작동합니다.