jQuery File Upload – 文件上传jQuery插件

示例

引入文件

jQuery File Upload 提供了多个js文件，可根据具体需求选择使用，下面演示只有上传按钮的基础版。（这些js文件可以放在 </body> 前引入）

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>

HTML

<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple>

JS

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('
').text(file.name).appendTo(document.body);
            });
        }
    });
});