HTML打包EXE使用附件功能调用外部程序扩展你的EXE - 附实战演练实现录频功能

HTML打包EXE工具支持附件文件功能可以将额外的文件或文件夹与HTML项目一起打包进EXE。打包后的附件会和EXE放在同一目录下运行时可以直接访问。配合HTMLPackHelper.open()API可以实现从HTML页面中启动外部程序的功能。本文通过一个实际案例——将开源截图录屏工具 ScreenToGif 打包进EXE点击按钮即可启动来完整演示附件文件功能的使用方法。下载最新版本立即下载最新版本HTML打包EXE工具官网功能入口在打包工具快速打包标签页中可以找到附件文件配置项点击配置附件按钮会弹出附件管理对话框。附件管理对话框在对话框中可以进行以下操作添加文件选择一个或多个文件作为附件添加文件夹选择整个文件夹作为附件文件夹内所有内容都会被打包移除删除不需要的附件项清空一键清除所有附件对话框中会显示每个附件的类型标记文件单个文件文件夹整个目录不存在文件路径无效打包时会跳过附件文件的存放位置打包后附件文件会被放到与EXE同级的目录下。例如MyApp/ ├── MyApp.exe ├── ScreenToGif.exe ← 附件文件 ├── tools/ ← 附件文件夹 │ ├── tool1.exe │ └── tool2.bat └── ...其他打包生成的文件如果选择的是安装版EXE附件文件会被包含在安装包中安装后同样位于应用安装目录下。如果选择的是绿色版EXE, 附件文件会被嵌入到EXE里面, 可以使用相对于EXE的路径去获取.实战演示集成 ScreenToGif 截图录屏工具关于 ScreenToGifScreenToGif是一款开源免费的屏幕录制工具MIT 协议支持屏幕录制并导出为 GIF/视频区域截图内置编辑器可添加文字、边框等它是一个单文件便携版EXE约几MB非常适合作为附件打包。第一步准备HTML文件创建一个index.html文件包含一个启动 ScreenToGif 的按钮!DOCTYPEhtmlhtmllangzh-CNheadmetacharsetUTF-8/title我的工具箱/titlestyle*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Microsoft YaHei,Segoe UI,sans-serif;background:#f0f2f5;min-height:100vh;padding:40px 20px;}.header{text-align:center;margin-bottom:30px;}.header h1{font-size:22px;color:#333;font-weight:600;}.header p{color:#999;font-size:13px;margin-top:6px;}.tool-list{max-width:480px;margin:0 auto;}.tool-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px 20px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}.tool-info{display:flex;align-items:center;gap:12px;}.tool-icon{width:40px;height:40px;background:#e6f7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.tool-name{font-size:15px;font-weight:500;color:#333;}.tool-desc{font-size:12px;color:#999;margin-top:2px;}.btn-open{background:#1890ff;color:#fff;border:none;border-radius:4px;padding:6px 16px;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0;}.btn-open:hover{background:#40a9ff;}/style/headbodydivclassheaderh1我的工具箱/h1p点击打开按钮即可启动对应工具/p/divdivclasstool-listdivclasstool-itemdivclasstool-infodivclasstool-icon/divdivdivclasstool-nameScreenToGif/divdivclasstool-desc屏幕录制工具支持录屏、截图、GIF导出/div/div/divbuttonclassbtn-openonclickopenTool(ScreenToGif.exe)打开/button/div/divscriptfunctionopenTool(fileName){if(window.HTMLPackHelper){window.HTMLPackHelper.open(fileName);}else{alert(请在打包后的EXE中运行当前环境不支持此功能);}}/script/body/html核心代码只有一行window.HTMLPackHelper.open(ScreenToGif.exe);第二步打包配置打开HTML打包EXE工具本地html主文件选择上面创建的index.html附件文件点击配置附件→添加文件→ 选择下载好的ScreenToGif.exe在高级配置中勾选启用API必须开启否则HTMLPackHelper不可用点击打包选择保存位置第三步运行效果打包完成后运行生成的EXE程序启动后显示工具箱界面点击启动 ScreenToGif按钮ScreenToGif 程序被成功启动open API 说明HTMLPackHelper.open(itemPath)用于打开一个文件或启动一个程序。路径规则路径类型示例说明相对路径ScreenToGif.exe相对于EXE所在目录相对路径子目录tools/mytool.exeEXE所在目录下的子目录绝对路径C:\\Windows\\notepad.exe直接使用绝对路径大多数情况下使用相对路径即可因为附件文件打包后就在EXE同级目录下。前置条件使用HTMLPackHelper.open()需要在打包时勾选启用API选项位于高级配置标签页。如果未开启APIwindow.HTMLPackHelper将为undefined。建议在调用前做一下判断if(window.HTMLPackHelper){window.HTMLPackHelper.open(ScreenToGif.exe);}else{alert(当前环境不支持此功能);}不仅可以打开EXEopenAPI 本质上调用的是系统的默认打开方式因此不限于EXE文件// 打开一个附件PDF文档window.HTMLPackHelper.open(使用手册.pdf);// 打开一个附件文件夹window.HTMLPackHelper.open(data);// 打开一个附件图片window.HTMLPackHelper.open(help.png);注意事项启用API使用HTMLPackHelper.open()前必须在高级配置中勾选启用API文件体积附件文件会增加打包后的EXE体积建议使用便携版/单文件版工具路径中的空格如果文件名包含空格直接传入即可不需要额外处理安装版EXE附件文件同样会被包含在安装包中安装后位于安装目录下杀毒软件部分杀毒软件可能对打包的EXE中包含其他EXE文件产生误报建议发布前测试相关阅读HTML打包EXE工具安装包配置教程HTML打包EXE工具启动图设置教程HTML打包EXE工具自定义菜单功能详解HTML打包EXE新增API说明版本号获取