如何使用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(){

 var fileName = document.getElementById("file").files[0].name; 

 console.log(fileName.substr(fileName.lastIndexOf(".")));

}

<input id="file" type="file" accept=".xls,.xlxs,.csv" />

<button onClick="upload()">send</button>