从文件获取数据的JavaScript FileReader
从文件获取数据的JavaScript FileReader
提问于 2018-07-30 06:09:01
在互联网上浏览了几个小时后，我找到了几种从文件读取器获取信息的方法，但并不完全符合我的需要。
function submitfile() {
var reader = new FileReader();
reader.readAsDataURL(document.getElementById("filesubmission").files[0]);
reader.onload = function (REvent) {
document.getElementById("outputcontent").innerHTML = "<iframe width='100%' id='outputdata' scrolling='yes' onload='resizeIframe(this)' src='"+REvent.target.result+"'></iframe>";
};
}
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}这是我在用户选择一个文件后使用的代码，我允许使用.html、.htm、.txt或.xml。然后调整Iframe的大小以匹配内容。我有该功能的工作，但我需要有一种方法，以取代在iframe中的某些值，用户提供了<input>标记早些时候。例如，我需要能够将用户提供的文件中的"c1“替换为客户的名称，例如"John Smith”。
我更喜欢这样做的方式是通过文件本身的内容，而不是使用iframe中的源或对象中的数据。如果我可以把它放到原始文件中，在那里它可以被编辑，那么问题就解决了。
我需要能够在不使用jQuery或其他插件的情况下做到这一点，因为这是一个本地文件，应该能够作为我的客户端的工具独立工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51584956
复制相关文章
相似问题