jquery file uploader使用

Jquery文件上传器（Jquery file uploader）是一种基于Jquery的文件上传插件。它具有多文件上传、拖放上传、上传前预览、进度条显示等多种功能，是一种高效、易用的文件上传解决方案。

在使用Jquery文件上传器时，需要引入Jquery和文件上传器的相关文件：

<script src="jquery.js"></script>
<script src="jquery.fileupload.js"></script>

在html中添加文件上传区域的代码如下：

<form id="fileupload">
    <div class="button">
        <span>选择文件</span>
        <input type="file" name="files[]" multiple>
    </div>
    <div class="progress">
        <div class="bar"></div>
    </div>
    <div class="files"></div>
</form>

然后，在Jquery的ready函数中，添加文件上传器的初始化代码：

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        url: 'upload.php',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('
').text(file.name).appendTo('#fileupload .files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#fileupload .progress .bar').css(
                'width',
                progress + '%'
            );
        }
    });
});

其中，dataType表示上传后返回的数据类型；url为文件上传的地址；done函数在文件上传成功后执行，progressall函数则在上传进度变化时执行。

Jquery文件上传器使用简单，但是它仍然是一种较为基础的文件上传方案。对于一些对文件上传有特殊需求的网站，可能需要使用具有更高级别功能的上传插件。