JavaScript:在文本区域中显示文件:
JavaScript: displaying a file in a text area:
我想在文本区域中显示文件的内容。我用这个脚本来做这件事,但当我点击打开按钮时,文本不会出现:
function loadFileAsText()
{
document.getElementById("textoNormal").scrollTop=0;
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent)
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("textoNormal").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
id=1;
}
textoNormal:是我的文本区域的id
在文件上传控制的onChange事件中读取内容的文件。
function OnUpload() {
var obj = document.getElementById("<%=FleUldLogo.ClientID%>");
var source = obj.value;
var file = obj.files[0];
var textarea=$("#txtar");
var reader = new FileReader();
reader.onloadend = function () {
textarea.value= reader.result;
}
reader.readAsText(file);
return true;
}
我在jQuery onClick中调用了您的函数,它运行得很好,
jquery
$(document).ready(function(){
$('.clickMe').click(function(){
document.getElementById("textoNormal").scrollTop = 0;
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent)
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("textoNormal").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
id=1;
});
});
HTML
<textarea id="textoNormal"></textarea>
<input type="file" id="fileToLoad" />
<div class="clickMe">Click To Read Text File</div>
相关文章:
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 延迟高亮显示文本区域中的文本
- 如何在不使用iframe或库的情况下创建剪切显示窗口区域
- JavaScript 在更改选择时不显示文本区域
- 模式显示文本区域内容不是字符串
- 如何在 elfinder(一个 jquery 文件管理器插件)中只显示文件夹列表
- 显示文本区域的多行纯文本
- 当我用ctrl+p搜索时,为什么要在谷歌chrome上使用inspect来调试缺少显示文件js
- JavaScript:在文本区域中显示文件:
- 如果列表框中所选项目发生更改,则显示文本区域
- SkyDrive API正在显示文件
- 修复javacode显示文件上传的错误消息
- GoogleMap(Javascript):如何突出显示陆地区域
- 在 Google Apps Script Web App 中显示文件和文件夹
- 如何在 DIv AS HTML 内容而不是文本中显示文本区域的 HTML 内容
- 在 HTML 表中显示文件
- 如何在 javascript 中显示文件选择弹出窗口
- 通过 Java 脚本显示文件
- 我的网站在移动版式镶版式右侧显示空白区域,但桌面版式版式显示空白区域
- PHP 脚本:显示文件夹中的图像,并带有限制和<下一步>导航