如何在.NET 4.0中实现JavaScript与文件系统的交互？

嘿，这个需求我刚好折腾过！在.NET 4.0环境下，结合WebBrowser控件让网页JS操作本地文件系统，其实可以通过给WebBrowser注册可被JS调用的.NET对象来实现，比HTA里的VBS方式更可控、更灵活。下面给你分步拆解具体实现：

WebBrowser控件支持把一个.NET对象注入到它的脚本运行环境中，JS可以通过window.external访问这个对象，而这个.NET对象就能利用.NET本身完善的IO API完成文件读写——相当于用.NET做中间层，给JS开一个安全可控的本地文件操作入口。

步骤1：封装文件操作的.NET辅助类 #

先写一个类，把文件读写的逻辑封装好，关键是要加上[ComVisible(true)]特性，这样WebBrowser才能把它暴露给JS环境：

using System.IO;
using System.Runtime.InteropServices;

[ComVisible(true)]
public class LocalFileHelper
{
    // 读取指定路径的文件内容
    public string ReadTextFile(string filePath)
    {
        try
        {
            // 这里可以根据需求改成ReadAllBytes读取二进制文件
            return File.ReadAllText(filePath);
        }
        catch (IOException ex)
        {
            return $"读取失败：{ex.Message}";
        }
        catch (UnauthorizedAccessException ex)
        {
            return $"权限不足：{ex.Message}";
        }
    }

    // 写入内容到指定文件
    public string WriteTextFile(string filePath, string content)
    {
        try
        {
            // 自动创建不存在的文件，覆盖已有文件内容
            File.WriteAllText(filePath, content);
            return "写入成功";
        }
        catch (IOException ex)
        {
            return $"写入失败：{ex.Message}";
        }
        catch (UnauthorizedAccessException ex)
        {
            return $"权限不足：{ex.Message}";
        }
    }
}

步骤2：把辅助类注册到WebBrowser的脚本环境 #

在你的Windows Forms/WPF窗体初始化时，把上面的辅助类实例赋值给WebBrowser的ObjectForScripting属性，这样JS就能访问它了：

Windows Forms 示例 #

private void MainForm_Load(object sender, EventArgs e)
{
    // 可选：屏蔽JS错误提示，避免调试时弹窗干扰
    webBrowser1.ScriptErrorsSuppressed = true;
    // 注册辅助对象到JS环境
    webBrowser1.ObjectForScripting = new LocalFileHelper();
    
    // 加载本地HTML文件（替换成你的实际路径）
    string localHtmlPath = Path.Combine(Application.StartupPath, "file_operate.html");
    webBrowser1.Navigate(localHtmlPath);
}

WPF 示例 #

private void MainWindow_Loaded(object sender, RoutedEventArgs e)
{
    webBrowser1.ObjectForScripting = new LocalFileHelper();
    string localHtmlPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "file_operate.html");
    webBrowser1.Navigate(new Uri(localHtmlPath));
}

步骤3：在HTML/JS里调用.NET对象的方法 #

现在你的本地HTML文件里，就可以通过window.external直接调用辅助类的方法了，写个简单的测试页面：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>本地文件操作测试</title>
    <script>
        // 读取文件
        function readFile() {
            const filePath = document.getElementById("file_path").value;
            const result = window.external.ReadTextFile(filePath);
            document.getElementById("result_area").textContent = result;
        }

        // 写入文件
        function writeFile() {
            const filePath = document.getElementById("file_path").value;
            const content = document.getElementById("content_input").value;
            const result = window.external.WriteTextFile(filePath, content);
            document.getElementById("result_area").textContent = result;
        }
    </script>
</head>
<body>
    <input type="text" id="file_path" placeholder="请输入文件路径，比如C:\\test.txt" style="width: 400px;">
    <br><br>
    <button onclick="readFile()">读取文件</button>
    <button onclick="writeFile()">写入文件</button>
    <br><br>
    <textarea id="content_input" rows="6" cols="60" placeholder="输入要写入的内容..."></textarea>
    <br><br>
    <div id="result_area" style="border:1px solid #ccc; padding:8px; min-height:50px;"></div>
</body>
</html>

关键注意事项 #

• 权限问题：操作本地文件需要对应权限，比如写入系统盘根目录可能需要管理员权限，建议优先选择用户有权限的目录（比如Documents文件夹），或者给应用添加管理员权限清单。
• 安全风险：如果你的WebBrowser可能加载外部不可信网页，一定要谨慎使用这个功能——恶意脚本可能通过window.external操作本地文件。如果只是加载本地可信HTML，就不用太担心。
• 异常处理：示例里加了基础的异常捕获，你可以根据需求扩展（比如判断文件是否存在、处理路径格式错误等）。

替代方案：沿用HTA的VBS方式（不推荐） #

如果想直接沿用之前的VBS逻辑，也可以在HTML里用Scripting.FileSystemObject，但需要调整WebBrowser的安全设置（比如把本地文件加入可信站点，降低安全级别），而且这种方式不如.NET对象可控，权限限制也更多，所以更推荐第一种方法。

内容的提问来源于stack exchange，提问作者Henrik Juul-Nyholm