Nervgh Angular文件上传-我如何限制文件格式说jpeg和png

Nervgh Angular File Upload - How do I restrict the file formats to say jpeg and png?

本文关键字:文件 格式 jpeg png 何限制 Angular Nervgh      更新时间:2023-09-26

我正在升级一个使用nv-file-select指令的应用程序。我不确定如何限制支持上传的文件格式

您希望使用文档中描述的过滤器。

创建过滤器:

var uploader = $scope.uploader = new FileUploader({
    url: '/api/users/photo'
});
// FILTERS
uploader.filters.push({
    name: 'imageFilter',
    fn: function(item /*{File|FileLikeObject}*/, options) {
        var type = '|' + item.type.slice(item.type.lastIndexOf('/') + 1) + '|';
        return '|jpg|png|jpeg|bmp|gif|'.indexOf(type) !== -1;
    }
});

Docs建议在HTML中输入它,就像我下面所做的那样:

<input type="file" nv-file-select="" uploader="uploader" filters="imageFilter">

此代码用于他的示例站点,该站点只允许上传图像

我在这里找到了答案:

你可以通过这样做来实现你的目标

接受= " . txt "

<input ui-jq="filestyle" type="file" nv-file-select="" accept=".txt" uploader="uploader" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" multiple>