Javascript HTML5文件API读取为文本和二进制
我目前正在开发HTML5文件API，我需要获取二进制文件数据。Javascript HTML5文件API读取为文本和二进制,javascript,file,html,Javascript,File,Html,我目前正在开发HTML5文件API，我需要获取二进制文件数据。 FileReader的readAsText和readAsDataURL方法工作正常，但readAsBinaryString返回的数据与readAsText相同 我需要二进制数据，但我得到一个文本字符串。我遗漏了什么吗？2018年的注意事项：readAsBinaryString已经过时。对于您以前使用过它的用例，现在您将使用（或在某些情况下使用）来代替 readAsBinaryString表示数据必须表示为，其中： …每个字节由[0
FileReaderreadAsTextreadAsDataURLreadAsBinaryStringreadAsText我需要二进制数据，但我得到一个文本字符串。我遗漏了什么吗？2018年的注意事项：
readAsBinaryStringreadAsBinaryStringreadAsTextreadAsBinaryStringreadAsBinaryStringreadAsTextreadAsText<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Show File Data</title>
<style type='text/css'>
body {
font-family: sans-serif;
}
</style>
<script type='text/javascript'>
function loadFile() {
var input, file, fr;
if (typeof window.FileReader !== 'function') {
bodyAppend("p", "The file API isn't supported on this browser yet.");
return;
}
input = document.getElementById('fileinput');
if (!input) {
bodyAppend("p", "Um, couldn't find the fileinput element.");
}
else if (!input.files) {
bodyAppend("p", "This browser doesn't seem to support the `files` property of file inputs.");
}
else if (!input.files[0]) {
bodyAppend("p", "Please select a file before clicking 'Load'");
}
else {
file = input.files[0];
fr = new FileReader();
fr.onload = receivedText;
fr.readAsText(file);
}
function receivedText() {
showResult(fr, "Text");
fr = new FileReader();
fr.onload = receivedBinary;
fr.readAsBinaryString(file);
}
function receivedBinary() {
showResult(fr, "Binary");
}
}
function showResult(fr, label) {
var markup, result, n, aByte, byteStr;
markup = [];
result = fr.result;
for (n = 0; n < result.length; ++n) {
aByte = result.charCodeAt(n);
byteStr = aByte.toString(16);
if (byteStr.length < 2) {
byteStr = "0" + byteStr;
}
markup.push(byteStr);
}
bodyAppend("p", label + " (" + result.length + "):");
bodyAppend("pre", markup.join(" "));
}
function bodyAppend(tagName, innerHTML) {
var elm;
elm = document.createElement(tagName);
elm.innerHTML = innerHTML;
document.body.appendChild(elm);
}
</script>
</head>
<body>
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='loadFile();'>
</form>
</body>
</html>
显示文件数据
身体{
字体系列：无衬线；
}
函数loadFile（）{
var输入，文件，fr；
if（typeof window.FileReader！=“函数”）{
bodyAppend（“p”，“此浏览器尚不支持文件API”）；
返回；
}
输入=document.getElementById（'fileinput'）；
如果（！输入）{
bodyAppend（“p”，“嗯，找不到fileinput元素”）；
}
如果（！input.files）{
bodyAppend（“p”，“此浏览器似乎不支持文件输入的`files`属性。”）；
}
如果（！input.files[0]），则为else{
bodyAppend（“p”，“请在单击“加载”之前选择一个文件”）；
}
否则{
file=input.files[0]；
fr=新文件读取器（）；
fr.onload=接收到的文本；
fr.readAsText（文件）；
}
函数receivedText（）{
展示结果（fr，“文本”）；
fr=新文件读取器（）；
fr.onload=一次接收；
fr.readAsBinaryString（文件）；
}
函数receivedBinary（）{
显示结果（fr，“二进制”）；
}
}
函数显示结果（fr、标签）{
var标记，结果，n，aByte，byteStr；
标记=[]；
结果=fr.result；
对于（n=0；nreadAsTextreadAsBinaryString*HTML 5支持使用
responseType=“arraybuffer”**“JavaScript字符串是UTF-16”似乎是一个奇怪的语句；它们不只是Unicode吗？不，JavaScript字符串是；您将代理项对视为两个单独的JavaScript“字符”，尽管实际上，代理项对作为一个整体只是一个字符。有关详细信息，请参阅链接。@digitalFresh:字符串是二进制数据。正如您所评论的，我发布了一个可能会有所帮助的示例。JavaScript没有“二进制”类型，因此他们使用字符串，并保证字符串中存储的字符不会超出范围0..255。（他们本来可以用一个数字数组代替，但他们没有。）这个例子展示了如何从字符串中获取“字符”的原始值。@morpheus:因为这个东西是异步的，所以它不能抛出异常；您需要查看接口，看看它是否以某种异步方式报告错误。实际上，
FileReader