試圖上傳單擊圖像的文件的問題

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> 

在此之後，創建PHP文件過濾，如果你的文件類型爲JPG，BMP等Here爲參考。這將工作沒有jQuery。