jquery - 如何使用 jQuery 文件上传接受 .csv、.xls、.xlsx 文件？

Question

我正在尝试使用它https://github.com/blueimp/jQuery-File-Upload

我已经用 PHP 实现了这个来管理上传的文件，一切正常，我想限制文件类型，上传者需要接受的是 .CSV、.XSL、.XSLX

我不知道如何配置它，因为没有关于接受这些扩展名的文件类型的解释。

@c25 的片段

       $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            // Add each uploaded file name to the #files list
            $.each(data.result.files, function (index, file) {
                $('<li/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            // Update the progress bar while files are being uploaded
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .bar').css(
                'width',
                progress + '%'
            );
        }
    });

Answer 1

编辑:

我在 demo websites 上找到了以下内容来源:

$.widget('blueimp.fileupload', $.blueimp.fileupload, {

    options: {

        // The regular expression for allowed file types, matches
        // against either file type or file name:
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        // The maximum allowed file size in bytes:
        maxFileSize: 10000000, // 10 MB
        // The minimum allowed file size in bytes:
        minFileSize: undefined, // No minimal file size
        // The limit of files to be uploaded:
        maxNumberOfFiles: 10,
        */

        // Function returning the current number of files,
        // has to be overriden for maxNumberOfFiles validation:
        getNumberOfFiles: $.noop,

        // Error and info messages:
        messages: {
            maxNumberOfFiles: 'Maximum number of files exceeded',
            acceptFileTypes: 'File type not allowed',
            maxFileSize: 'File is too large',
            minFileSize: 'File is too small'
        }
    },

可以找到这些选项的文档 here .

编辑

我发现您还需要 2 个带有基本插件的文件。 jquery.fileupload-process.js和 jquery.fileupload-validate.js 。然后修改 validate.js 文件以仅接受您需要的文件扩展名。所有这些的文档可以找到 here 。 你真的应该阅读文档!