2013-07-09 41 views
0

我使用的是圖標,而不是常規上傳輸入+提交按鈕。 我希望在選擇文件後立即自動啓動上傳。 一旦用戶選擇了一個文件,雖然沒有任何反應。單擊文件上傳的問題

<form action="upload.php" method="POST" enctype="multipart/form-data"> 
    <input id="upload" type="file" name="image" style="display:none" value=/> 
    <input name="wishid" type="hidden" value=/> 
    <img id="upload_img" src="/images/upload.png"> 
</form> 


<script type="text/javascript"> 
    $('#upload_img').click(function(){ 
    $('#upload').click(); 
}); 
</script> 

我需要添加到jQuery代碼,以通過upload.php真正開始上傳過程?

+1

添加一個變化事件處理程序到文件輸入的是,在被調用時,提交表單。用戶選擇文件時會調用更改處理程序。 –

回答

0

看看this description of how to replace input:file with image,然後你可以使用下面的代碼...

<script type="text/javascript"> 
    $('#upload_img').click(function(){ 
    $('form').submit(); 
}); 
</script> 
+0

謝謝,但它似乎並沒有工作:沒有任何反應,當我點擊圖標,不能瀏覽和選擇文件了。 –

+0

刪除'.submit()'方法中的所有內容並嘗試。 – DevlshOne

+0

好吧,現在當我點擊圖標時,它立即重定向到upload.php:我無法瀏覽/選擇文件。 –