如何将文件限制为仅在 Angular 文件上传中编码的 UTF-8?

Question

我正在使用ng-file-upload上传文本文件。

<span type="file" class="btn" ngf-select ng-model="fileUser" name="fileUser" ngf-pattern="'.txt,.TXT'" ngf-accept="'text/plain'"> Select File </span>

有没有办法只接受 UTF-8 编码的文本文件并拒绝任何其他类型的编码？

Answer 1

它本身不受ng-file-upload支持，但您可以自己创建它。以这种方式钩入ngf-change：

ngf-change="checkEncoding($files, $file, $newFiles, $duplicateFiles, $invalidFiles, $event)" 

在应用中包含encoding.js。当用户选择.txt文件时，通过FileReader加载文件的内容，并使用encoding.js测试编码：

$scope.checkEncoding = function(files, file, newFiles, duplicateFiles, invalidFiles, event) {
if (!event.target.files) return
var testFile = event.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var content = new Uint8Array(e.target.result);
var encoding = Encoding.detect(content);
if (encoding != 'UTF8') {
//alert to the user, reset the file ng-model whatever ...
}
}
reader.readAsArrayBuffer(testFile)
}

---

这是一个工作 plunkr -> http://plnkr.co/edit/1UM9NDpNgRbJ13R67xuf?p=preview