單擊上傳按鈕

Question

我正在創建一個按鈕，點擊後會打開一個對話框，在其中選擇要上傳的圖像，然後一旦選擇它並在對話窗口中按確定，上傳開始（上傳欄可選:) ）

優先考慮它是一個jquery插件，用於修改標準html文件輸入的功能......因爲我已經用一個代碼編寫了代碼。

Answer 1

JQuery插件uploadify將上傳一個進度條，幷包含單個或多個文件上傳的功能。

Answer 2

SWFUpload能夠做到這一點。這是一個基於Flash的上傳組件，您可以使用JavaScript進行交互。

Demo

Answer 3

還有比SWFUpload的以外的其他閃存的解決方案。看看uploadify.com

這是一個jQuery插件。

Answer 4

這可能是你在找什麼：

https://github.com/bencolon/file-uploader

腳本支持上傳多個文件，但它是一個選項。雖然Uploadify和SWFUpload都需要安裝Flash，但此插件如果無Flash。這可能是解決問題最簡單的方法。有更小的插件可用，但它們往往不能在所有瀏覽器中很好地工作。

Answer 5

有一些作弊使用jQuery和普通的HTML做到這一點。這是我在我的項目中使用的上傳一個文件（限於一個），只使用一個按鈕，沒有任何插件，儘管它的按鈕需要樣式。

HTML代碼

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

的jQuery：

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script>