是否可以使用Javascript加载特定的文件类型?

时间:2016-03-16 14:14:21

标签: javascript filereader

我有一个使用Javascript File API加载用户所选文件的函数,但我想限制可以加载的文件类型。这是可能的,我该怎么做呢?例如,我只希望用户能够加载DAT文件。这是我加载文件的功能。

function readFile(file){
    var reader = new FileReader();
    var holder;
    var holderArray = [];
    var fileArray = [];
    reader.readAsText(file, "UTF-8");
    reader.onload = function(){
        file = reader.result;
        file = file.split(/\s+/g);
        formatFile(holderArray, 3, holder, file, fileArray);
        for(var i = 0; i < 2; i++){
            formatFile(holderArray, 1, holder, file, fileArray);
        }
        for(var i = 0; i < 2; i++){
            formatFile(holderArray, 2, holder, file, fileArray);
        }
        var meh = file.length / fileArray.length;
        for(var i = 0; i < meh; i++){
            formatFile(holderArray, 5, holder, file, fileArray);
        }
        fileArray.pop();

        plume = new Plume(fileArray[0], fileArray[4], fileArray[3]);
        $("#eventDate").val(plume.dateTime);
        $("#eventLat").val(plume.startLat);
        $("#eventLon").val(plume.startLong);
        $("#eventDictionary").val(plume.dict);
        $("#eventSymbol").val(plume.symbol);

        fileArray = fileArray.splice(5);
        plume.graphic = fileArray;
    }
}

$("#load").on("click", function(){
    $("#eventNameInput").val("");
    var selectedFile = $("#selectedFile");
    selectedFile = selectedFile[0].files[0];
    if(selectedFile){
        readFile(selectedFile);
        $("#fileDetails").show();
    }
})

1 个答案:

答案 0 :(得分:3)

不确定。您可以在“accept”属性中声明MIME类型例如,此输入将上传图像:

<input type="file" name="img" accept="image/*">

对于.dat你可以这样做(.dat是未知的MIME类型):

<input type="file" name="img" accept=".dat">