网页端调用本地应用打开本地文件(PDF、Word、excel、PPT)

春.光明媚2025-04-23 2:08

一、背景原因

根据浏览器的安全策略，在网页端无法直接打开本地文件，所以需要开发者曲线救国。

二、实现步骤

前期准备：

确保已安装好可以打开文件的应用软件，如，WPS；

把要打开的文件统一放在一个文件夹，如，在D盘创建文件夹【文件夹名】。

创建Windows应用程序---callexe

cs 复制代码

namespace callexe
{
    static class Program
    {
        /// <summary>
        /// 应用程序的主入口点。
        /// </summary>
        [STAThread]
        static void Main(string[] args)
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);

            string strNew = args[0].Substring(10);
            string utoSs = System.Web.HttpUtility.UrlDecode(strNew);

            // 直接打开目录
            string v_OpenFolderPath1 = @"D:/文件夹名/";
            string v_OpenFolderPath = string.Concat(v_OpenFolderPath1, utoSs);

            // 直接打开指定的文件
            System.Diagnostics.Process.Start(v_OpenFolderPath);

            Application.Exit();
        }
   }
}

创建openfile.reg文件。

为了方便编辑文件，先创建openfile.txt文件，编辑完成后修改文件后缀为.reg，然后双击打开。

.reg：windows操作系统的注册表脚本文件。

创建open-exe文件夹并放在D盘，把callexe文件和openfile.reg放在open-exe里面。

cs 复制代码

Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\OPENFILE]
@="URL:OPENFILE"
"URL Protocol"="D:\\open-exe\\callexe\\bin\\Debug\\callexe.exe"
[HKEY_CLASSES_ROOT\OPENFILE\DefaultIcon]
@="D:\\open-exe\\callexe\\bin\\Debug\\callexe.exe,1"
[HKEY_CLASSES_ROOT\OPENFILE\shell]
[HKEY_CLASSES_ROOT\OPENFILE\shell\open]
[HKEY_CLASSES_ROOT\OPENFILE\shell\open\command]
@="D:\\open-exe\\callexe\\bin\\Debug\\callexe.exe %1"

在前端调用

javascript 复制代码

window.open("crealife1:xxx.pdf");

具体原理以后慢慢补充。