保存页面文本到本地文件&&读取本地文件内容到页面

问题描述：假设网页有个文本框之类的东西，想通过点击某一按钮后，将用户在文本框中输入的内容直接保存在本地某个文件中。同理，也想通过页面直接读取本地文件中的内容。

 

问题分析：因为整个处理过程不涉及到后台的运行，所以处理过程应该在前台进行处理。那就是通过js代码来处理。

 

解决过程：通过在网上查找，发现了js中的ActiveXObject类。

 

将页面用户填入的信息保存到本地文件中：

function getInfoFromWeb() {
    var strFile = "D:\\test.txt";    //定义文件保存的路径
    
    //new一个ActiveXObject类的对象。
    var objFSO = new ActiveXObject("Scripting.FileSystemObject");
    
    // 检查文件是否存在
    if (!objFSO.FileExists(strFile)) {
        // 创建文本文件
        var objStream = objFSO.CreateTextFile(strFile, true);
        objStream.Write("在这里填写需要在文本中存放的值，可以是一个变量");
        objStream.Close(); // 关闭文件
        alert("ok");
    }
    else {
        alert("文本文件: " + strFile + "已经存在<br>");
    }
}

读取本地文件中的内容到前端页面：

function readInfoToWeb(){
    var fso, ts, s; //fso为ActiveXObject类的对象，ts为需要打开的文件对象，s保存从文件对象ts中读取的内容
    var ForReading = 1; 
    
    //new一个ActiveXObject类的对象
    fso = new ActiveXObject("Scripting.FileSystemObject");
    //打开文件路径
    ts = fso.OpenTextFile("d:\\testfile.txt", ForReading);
    //读取文件内容
    s = ts.ReadLine();
    //将文件内容写入到对应的标签中
    document.getElementById("这里填写对应标签的id").innerHTML = s; 
}

注：以上的代码只可以在IE中成功运行。
————————————————
版权声明：本文为CSDN博主「王Bob」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

在这篇文章中介绍的比较全面，感谢！如需了解ActiveXObject类，请参考内容：http://www.jsann.com/post/activexobject_in_javascript.html。