使用jQuery選擇文件後開始上傳。

選擇一個文件上傳後，我希望文件上傳到數據庫沒有點擊一個按鈕。這是如何使用jQuery完成的？
使用jQuery選擇文件後開始上傳。

我想選擇這樣的文件： http://i.stack.imgur.com/0408T.gif

<input type="file" valign="baseline" />

來源

2011-07-21 Mehd S

假設您使用表格：

// select the file input (using a id would be faster) 
$('input[type=file]').change(function() { 
    // select the form and submit 
    $('form').submit(); 
});

編輯：爲了保持這個答案了最新：

有通過AJAX上傳文件，而這裏介紹黑客的好辦法： http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/

來源

2011-07-21 09:44:01 binarious

發送數據到數據庫必須使用ajax調用嗎？請解釋更多... –

@Mehd：這不是ajax。當您更改文件時，表單將自動開始發送 – genesis

@Mehd：查看完整上傳解決方案的成因答案。 – binarious

使用jQuery的插件uploadify

這是偉大的插件，它有許多選項，並自動上傳，太

$(document).ready(function() { 
    $('#file_upload').uploadify({ 
    'uploader' : '/uploadify/uploadify.swf', 
    'script' : '/uploadify/uploadify.php', 
    'cancelImg' : '/uploadify/cancel.png', 
    'folder' : '/uploads', 
    'auto'  : true 
    }); 
});

來源

2011-07-21 09:43:27 genesis

我不使用插件 –

如果您想要使用html上傳器，則非商業項目花費5美元，商業項目花費100美元。 – Adam

剛纔設置的自動爲true ..'auto'：true

來源

2012-11-07 01:50:50 fbasti2003

你可以添加一個鏈接，你看到這個工作，因爲我找不到像這樣的東西。 –

使用jQuery選擇文件後開始上傳。

回答

相關問題