Nervgh Angular File Upload - 如何将文件格式限制为 jpeg 和 png？答案

【问题标题】：Nervgh Angular File Upload - How do I restrict the file formats to say jpeg and png?Nervgh Angular File Upload - 如何将文件格式限制为 jpeg 和 png？
【发布时间】：2015-08-15 20:19:05
【问题描述】：

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

【问题讨论】：

标签： javascript angularjs file-upload angular-file-upload

【解决方案1】：

您想使用documentation 中描述的过滤器。

创建过滤器：

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">

此代码用于他的sample site，允许仅上传图片。

【讨论】：

【解决方案2】：

我找到了答案here：

您可以通过这样做轻松实现您的目标

accept=".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>

【讨论】：