CefSharp 文件下载和生存功能-监听前端事件

重点在 启用文件下载 和 通过 JavaScript 调用 C# 生存文件：

---

1. 添加文件下载处理器 (DownloadHandler)

在 VueFormService 类中，添加一个实现 IDownloadHandler 接口的类，用于处理文件下载到当地。

1. // 新增的 DownloadHandler 类
2. public class DownloadHandler : IDownloadHandler
3. {
4.     public void OnBeforeDownload(IWebBrowser chromiumWebBrowser, IBrowser browser, DownloadItem downloadItem, IBeforeDownloadCallback callback)
5.     {
6.         // 设置默认保存路径（例如保存到 Downloads 文件夹）
7.         string savePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.UserProfile), "Downloads", downloadItem.SuggestedFileName);
8.         callback.Continue(savePath, showDialog: false); // showDialog: true 会弹出保存对话框
9.     }
11.     public void OnDownloadUpdated(IWebBrowser chromiumWebBrowser, IBrowser browser, DownloadItem downloadItem, IDownloadItemCallback callback)
12.     {
13.         // 下载状态更新（例如进度、完成通知）
14.         if (downloadItem.IsComplete)
15.         {
16.             MessageBox.Show($"文件已保存到：{downloadItem.FullPath}");
17.         }
18.     }
19. }

复制代码

---

2. 在 LoadVuePage 方法中绑定下载处理器

在初始化浏览器时，设置 DownloadHandler 属性。

1. public static void LoadVuePage(VueBaseForm vueForm, string subFolder = "")
2. {
3.     // ... 其他代码 ...
5.     ChromiumWebBrowser browser = new ChromiumWebBrowser(url);
6.     vueForm.browser = browser;
8.     // 添加下载处理器
9.     browser.DownloadHandler = new DownloadHandler();  // <-- 新增代码
11.     vueForm.Controls.Add(browser);
12.     browser.Dock = DockStyle.Fill;
14.     // ... 其他代码 ...
15. }

复制代码

---

3. 添加 JavaScript 调用 C# 生存文件的功能

在 RegisterHander 方法中，注册一个供 JavaScript 调用的对象，用于直接生存文件内容。
(1) 新增 FileSaveHandler 类

1. public class FileSaveHandler
2. {
3.     public void SaveFile(string fileName, string content)
4.     {
5.         string savePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.UserProfile), "Downloads", fileName);
6.         File.WriteAllText(savePath, content);
7.         MessageBox.Show($"文件已保存到：{savePath}");
8.     }
9. }

复制代码

(2) 修改 RegisterHander 方法

1. public static void RegisterHander(VueBaseForm vueForm)
2. {
3.     ChromiumWebBrowser browser = vueForm.browser;
5.     // 注册文件保存处理器
6.     browser.JavascriptObjectRepository.Register("fileSaver", new FileSaveHandler(), isAsync: false, options: BindingOptions.DefaultBinder);  // <-- 新增代码
8.     // ... 其他原有注册代码 ...
9. }

复制代码

---

4. JavaScript 调用示例

在 Vue 页面中，通过 fileSaver 对象调用 C# 的 SaveFile 方法：

1. // 示例：点击按钮保存文件
2. function saveFile() {
3.     const content = "Hello, this is a saved file!";
4.     fileSaver.saveFile("example.txt", content);
5. }

复制代码

---

完备代码整合后的修改点

修改后的 VueFormService 类

1. using CefSharp;
2. using CefSharp.WinForms;
3. using CefSharpVue;
4. using CefSharpVue.Core.Utils.Winform;
5. using CefSharpVue.Hander;
6. using DPI_Ter.Vue;
7. using System;
8. using System.Collections.Generic;
9. using System.Diagnostics;
10. using System.IO;
11. using System.Text;
12. using System.Windows.Forms;
14. namespace CefSharpVue
15. {
16.     public class VueFormService
17.     {
18.         // ... 其他原有代码 ...
20.         public static void LoadVuePage(VueBaseForm vueForm, string subFolder = "")
21.         {
22.             // ... 其他代码 ...
24.             ChromiumWebBrowser browser = new ChromiumWebBrowser(url);
25.             vueForm.browser = browser;
27.             // 绑定下载处理器
28.             browser.DownloadHandler = new DownloadHandler();  // <-- 新增代码
30.             vueForm.Controls.Add(browser);
31.             browser.Dock = DockStyle.Fill;
33.             // ... 其他代码 ...
34.         }
36.         public static void RegisterHander(VueBaseForm vueForm)
37.         {
38.             ChromiumWebBrowser browser = vueForm.browser;
40.             // 注册文件保存处理器
41.             browser.JavascriptObjectRepository.Register("fileSaver", new FileSaveHandler(), isAsync: false, options: BindingOptions.DefaultBinder);  // <-- 新增代码
43.             // ... 其他原有注册代码 ...
44.         }
46.         // ... 其他原有代码 ...
47.     }
49.     // 新增的 DownloadHandler 类
50.     public class DownloadHandler : IDownloadHandler
51.     {
52.         public void OnBeforeDownload(IWebBrowser chromiumWebBrowser, IBrowser browser, DownloadItem downloadItem, IBeforeDownloadCallback callback)
53.         {
54.             string savePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.UserProfile), "Downloads", downloadItem.SuggestedFileName);
55.             callback.Continue(savePath, showDialog: false);
56.         }
58.         public void OnDownloadUpdated(IWebBrowser chromiumWebBrowser, IBrowser browser, DownloadItem downloadItem, IDownloadItemCallback callback)
59.         {
60.             if (downloadItem.IsComplete)
61.             {
62.                 MessageBox.Show($"文件已保存到：{downloadItem.FullPath}");
63.             }
64.         }
65.     }
67.     // 新增的 FileSaveHandler 类
68.     public class FileSaveHandler
69.     {
70.         public void SaveFile(string fileName, string content)
71.         {
72.             string savePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.UserProfile), "Downloads", fileName);
73.             File.WriteAllText(savePath, content);
74.             MessageBox.Show($"文件已保存到：{savePath}");
75.         }
76.     }
77. }

复制代码

---

功能阐明

• 文件下载：
  
  
  
  • 当页面触发下载（比方 <a download> 链接或 JavaScript 下载），文件会主动生存到用户的 Downloads 文件夹。
    
  • 通过 DownloadHandler 类控制生存路径和下载完成关照。
    
  
  
• JavaScript 调用 C# 生存文件：
  
  
  
  • 在 Vue 页面中，通过 fileSaver.saveFile(fileName, content) 直接调用 C# 方法生存文本文件。
    
  • 文件默认生存到 Downloads 文件夹，路径可自界说。
    
  
  

---

安全性提示

• 假如允许用户自界说生存路径，建议通过 FolderBrowserDialog 或 SaveFileDialog 让用户选择路径。
  
• 启用当地文件访问时，需谨慎处理埋伏的安全风险（比方恶意脚本写入文件）。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。