个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在使用 File API，我想知道 event.target.files[0] 和 getElementbyId("demo").files[0]
后者似乎有效。上下文可能会有所帮助，下面的代码使用了 event.target.files[0] 的实例:
<!DOCTYPE html>
<html>
<head>
<title> Home Page </title>
</head>
<body>
<input type="file" id="file" name="file"/>
<output id="list"></output>
<p id="demo"></p>
<script>
function handleFileSelect(evt) {
// grab the file that was uploaded which is type File.
// evt is the event that was triggered
// evt.target returns the element that triggered the event
// evt.target.files[0] returns the file that was uploaded, type File
var file = evt.target.files[0];
//file is not of TYPE BLOB!!!
// instantiate a FileReader object to read/save the file that was uploaded
var reader = new FileReader();
// read the file and save as an array
arrayoffile=reader.readAsArrayBuffer(file);
document.getElementById("demo").innerHTML = arrayoffile.length;
window.alert("hello");
}
document.getElementById('file').addEventListener('change', handleFileSelect, false);
</script>
</body>
</html>
谢谢!
最佳答案
evt.target.files[0] 和 document.getElementById('file').files[0] 是 中完全相同的对象handleFileSelect 处理程序。
问题是您使用的是 FileReader不正确。 readAsArrayBuffer只开始读取缓冲区。
The readAsArrayBuffer method is used to start reading the contents of a specified Blob or File. When the read operation is finished, the readyState becomes DONE, and the loadend is triggered. At that time, the result attribute contains an ArrayBuffer representing the file's data.
您需要附加事件处理程序 onload 和/或 onerror 以获得一些结果。看看下面:
function handleFileSelect(evt) {
var file = evt.target.files[0];
var reader = new FileReader();
reader.onload = function(event) {
var arrayBuffer = event.target.result;
document.getElementById("demo").innerHTML = arrayBuffer.byteLength;
};
reader.readAsArrayBuffer(file);
}
document.getElementById('file').addEventListener('change', handleFileSelect, false);<input type="file" id="file" name="file" />
<output id="list"></output>
<p id="demo"></p>请注意 ArrayBuffer报价byteLength属性(property)。
关于javascript - event.target 和 getelementbyid 的区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34604998/
25
4
0
我有不同的 div，每个 div 都有一个调用相同函数的按钮。 . . . INIT . . . INIT 棘手的部分是每个按钮应该只对自己的 div 执行函数(#btn1 到 #div1、#
XSP.getElementById 和 document.getElementById 之间有什么区别？在我的测试中，两者似乎都返回相同的值(存储在字段中的值)。为 XPage 编码时应首选哪一个？
我通常会通过以下方式为某些事件注册 javascript 函数: myBtn.Attributes.Add("onClick", "Validate(getElementById('"+txtFirs
当我想检查页面中是否存在某个元素时。这两个检查是一样的吗？有没有更好更紧凑的方法来检查是否存在？ 如果我想检查 value == '' 该怎么办。这也可以包含在这张支票中吗？ 最佳答案 对元素的引用永
我尝试将新值分配给输入表单的隐藏输入和复选框。它在 Firefox 中工作正常，但在 IE 中则不然(我使用的是 IE 7)。有谁知道我的代码有什么问题吗？ HTML: Javascript: v
我真的不知道如何描述我的问题，但基本上: 为了好玩，我在 JSFiddle 中编写了一个元素，不知何故我的代码输出只是上下跳动。 如果您想亲自查看，请单击下面的链接，然后单击“提交投诉”按钮。 问题是
document.getElementById("test").value document.getElementById("test").innerHTML 第一个表示地址，第二个表示存储在该地址的
在将 html block 插入 dom 之前，我对在 dom 外构建 html block 很感兴趣，因此我使用 dynatrace 进行了一些测试。我使用了bobince的方法: Is there
我在 GWT 应用程序中使用 native 函数，我尝试了这两种方法: document.getElementById("id") 返回 null 但 $doc.getElementById() 返回
以下代码有什么区别: Hover Over me SomeLink1 SomeLink2 SomeLink3
我正在尝试使用 javascript 设置 div 的内部 html，但由于某种原因，它不起作用。我发现其他人以前也遇到过这个问题，但我在其他帖子中找到的解决方案均无效。我不明白怎么了。 这是我的测试
编辑:我修复了分号、区分大小写以及方括号。如果我删除 buttonPARTICULAR 之后的函数，代码就可以工作!为什么？ 编辑:固定。我是个笨蛋。对不起!!! :-Z 当我保持简单时，就像这样，一
很难说出这里问的是什么。这个问题是模棱两可的、模糊的、不完整的、过于宽泛的或修辞的，无法以目前的形式得到合理的回答。如需帮助澄清这个问题以便重新打开它，visit the help center .
我正在尝试创建一个通用的 JavaScript 函数来更改事件的属性。 它的工作方式是 function fooFunction(sourceElement) { var newName =
我需要获取元素的 ID，但该值是动态的，只有它的开头始终相同。 这是一段代码。 ID 总是以 poll- 开头，然后数字是动态的。 如何只使用 JavaScript 而不是 jQuery 获取 ID
我需要使用 VBA 从 HTML 中提取某些信息。 这是我试图单独提取位置信息的 HTML。 Location Dallas/Fort Worth Area Industry
我正在制作一个程序，该程序从输入字段返回值，然后根据条件将字段字符串更改为 x 结果。非常感谢您的帮助，因为这里的成员过去一直给我很大帮助。调试器抛出此错误，当然没有任何效果: script.js:2
我不确定为什么这不起作用，有人可以告诉我为什么吗？ var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100,
这个问题已经有答案了: Javascript Shorthand for getElementById (24 个回答) 已关闭 8 年前。 我的下面的代码工作正常，但我想知道，是否有任何仅通过 Ja
我有这个simple HTML 标记: //a reserved property name id //same here 但是——运行: alert(document.getEle
我是一名优秀的程序员,十分优秀！