如何使用javascript或jquery指定应该在文件上传时上传哪些文件

Question

我正在使用以下代码将文件上传到我的应用程序内的文件夹中。我想知道如何指定可以将哪种类型的文件上传到该文件夹中，我只希望用户能够上传 xls、xlxs 和 csv 文件。不应允许用户上传 docx 或图像等

function OnUpload(evt) {

        var files = $("#fileUpload").get(0).files;

        if (files.length > 0) {

            ShowUploadProgress();

            if (window.FormData !== undefined) {

                var data = new FormData();

                for (i = 0; i < files.length; i++) {

                    data.append("file" + i, files[i]);

                }

                $.ajax({

                    type: "POST",

                    //url: "/api/ExcelBulkUpload",

                    url: "/api/FileUpload",

                    contentType: false,

                    processData: false,

                    data: data,

                    success: function (results) {

                        ShowUploadControls();

                        $("#uploadResults").empty();

                        for (i = 0; i < results.length; i++) {

                            $("#uploadResults").append($("<li/>").text(results[i]));

                        }

                        ///"location.href='<%: Url.Action("Upload", "Controller") %>'"

                           window.location.href = '@Url.Action("UploadPage", "Home")';

                    },

                    error: function (xhr, ajaxOptions, thrownError) {

                        ShowUploadControls();

                        alert(xhr.responseText);

                    }

                });

            } else {

                alert("Your browser doesn't support HTML5 multiple file uploads! Please use another browser.");

            }

        }

Answer 1

首先，您可以选择用户默认可以输入的文件类型<input accept=".fileType" />然后检查文件类型是否更改了过滤器function upload(){&nbsp;var fileName = document.getElementById("file").files[0].name;&nbsp;&nbsp;console.log(fileName.substr(fileName.lastIndexOf(".")));}<input id="file" type="file" accept=".xls,.xlxs,.csv" /><button onClick="upload()">send</button>