html如何在文本框显示txt文件的内容?

html如何在文本框显示txt文件的内容?,第1张

<!DOCTYPE html>

<html>

  <head>

    <title>文件示例</title>

    <meta name="name" content="content" charset="utf-8">

  </head>

  <body>

      <input type="file" id="file" />

      <input type="button" onclick="readText()" value="File Button">

      <div id="tt">

  

      </div>

  </body>

</html>

<script charset="utf-8">

window.onload=function () {

  if(typeof(FileReader)=="undefined")

  {

    alert("你的浏览器不支持文件读取")

    document.write("")

  }else

  {

    alert("你的浏览器支持文件读取")

  }

}

  function readText() {

      var file=document.getElementById("file").files[0]

      var reader=new FileReader()

      reader.readAsText(file)

      reader.onload=function(data)

      {

        var tt=document.getElementById("tt")

        tt.innerHTML=this.result

      }

    }

  

</script>

在这个网页里需包含<PRE><iframe... /></PRE>就会自动换行。

例如:

<html>

<body>

<pre><iframe width="500" height="500" src="ttt.txt"/> </pre>

</body>

</html>

JS读取TXT文件内容的代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>读取文件内容</title>

</head>

<body>

<div id="textarea"></div>

<script type="javascript">

var fso, ts, s

var ForReading = 1

fso = new ActiveXObject("Scripting.FileSystemObject")

ts = fso.OpenTextFile("d:\\testfile.txt", ForReading)

s = ts.ReadLine()

document.getElementById("textarea").innerHTML=s

</script>

</body>

</html>

扩展资料:

javascript中打开文件的OpenTextFile函数使用方法:

1、object.OpenTextFile(filename[, iomode[, create[, format]]])

2、其中object是必选项。 object 应为 FileSystemObject 的名称。

3、filename是必选项。 指明要打开文件的字符串表达式。

4、iomode是可选项。 可以是三个常数之一: ForReading 、 ForWriting 或 ForAppending 。

5、create是可选项。 Boolean 值,指明当指定的 filename 不存在时是否创建新文件。 如果创建新文件则值为 True ,如果不创建则为 False 。 如果忽略,则不创建新文件。

6、format是可选项。 使用三态值中的一个来指明打开文件的格式。 如果忽略,那么文件将以 ASCII 格式打开。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7255711.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存