jquery.form是一款非常方便的jQuery插件,它可以幫助我們實現多文件上傳。下面簡單介紹如何使用此插件:
首先,需要在HTML中引入jQuery庫和jquery.form插件。
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="http://malsup.github.com/jquery.form.js"></script>
接下來,在HTML中添加文件上傳表單:
<form id="form" action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="files[]" multiple> <input type="submit" value="Upload"> </form>
上述代碼中的name屬性為“files[]”,表示可以上傳多個文件。
在Javascript中,使用以下代碼來初始化jquery.form插件:
$('#form').ajaxForm({ beforeSend: function() { //上傳之前的處理 }, uploadProgress: function(event, position, total, percentComplete) { //上傳中的處理 }, success: function() { //上傳完成的處理 }, error: function() { //上傳錯誤的處理 } });
其中,beforeSend、uploadProgress、success和error分別為上傳之前、上傳中、上傳完成和上傳錯誤的回調函數。
使用jquery.form插件,可以方便地實現多文件上傳,幫助我們提高開發效率。