请叫我绝绝子-优快云博客

原创 vue中展示html文件

摘要：该代码实现了一个协议页面组件，用于动态加载并安全展示HTML协议文件。通过Vue 3的setup语法，组件从路由参数获取协议类型(a)和相关数据(b)，使用fetch加载对应的HTML文件。使用DOMPurify库对HTML内容进行净化处理，防止XSS攻击，并通过字符串替换将动态数据(如姓名、年龄)插入到HTML模板中。页面样式设置了居中显示和滚动区域。该组件支持加载不同协议文件(A.html/B.html)并注入个性化数据，适用于展示用户协议或隐私政策等场景。

2025-12-27 14:28:55 189

原创在PDF上实现拖拽印章进行盖章（vue3）

本文介绍了一个基于Vue.js和Fabric.js的PDF电子签章系统实现方案。系统通过pdfjs-dist库加载PDF文件并渲染到Canvas，使用Fabric.js创建可交互的画布层实现签章功能。主要功能包括：1) PDF文件加载与分页渲染；2) 拖拽式签章添加；3) 签章位置边界检测；4) 签章数据保存与回显；5) 单签章删除和全部清除功能。系统采用响应式设计，自动计算页面缩放比例确保签章位置准确，并通过接口与后端交互完成签章数据的保存。该方案适用于需要在线签署PDF文档的业务场景。

2025-12-25 14:45:40 200

原创 vue3压缩图片

本文介绍了一个基于Vue3和Element Plus的图片压缩下载功能实现方案。通过JSZip和file-saver库，用户可以批量上传图片并下载为压缩包。主要功能包括：1)使用el-upload组件实现拖拽上传多张图片；2)利用shrinkImage库对图片进行压缩处理；3)通过JSZip将压缩后的图片打包成ZIP文件；4)使用file-saver的saveAs方法触发下载。代码中还包含上传文件类型验证、空文件检测等基本校验逻辑，并提供了20%的默认压缩质量设置。整个方案实现了从图片上传、压缩处理到打包下

2025-12-23 14:25:14 200

原创读取xlsx文件内容

文章摘要：本文介绍了使用SheetJS库解析Excel文件的方法。首先需要下载xlsx.full.min.js包，然后通过FileReader读取Excel文件内容。代码演示了如何使用XLSX.read()解析二进制文件数据，获取第一个工作表，并通过sheet_to_json()方法将表格数据转换为JSON格式。注意设置raw参数可控制日期格式的转换方式。该方法适用于前端处理Excel文件导入的需求。

2025-08-01 09:19:39 297

原创通用下载模块

本文介绍了一个使用XMLHttpRequest实现文件下载的JavaScript代码段。通过创建XMLHttpRequest对象并设置responseType为"arraybuffer"，代码能够处理二进制文件下载。下载完成后，根据文件类型（视频、图片或其他）生成对应的下载链接，动态创建隐藏的a标签触发下载，最后移除该标签。该代码支持视频(MP4)、图片(JPEG)等多种文件类型的下载，通过URL.createObjectURL()方法生成临时下载链接，并自动触发下载操作。下载完成后会清

2025-07-31 16:39:04 106

原创 uniapp上传

这段代码实现了一个图片上传功能：通过uni.chooseImage从相册选择最多4张图片（可原图或压缩图），将选中的图片路径存入imgList数组，然后逐个上传到指定接口。上传时携带Token认证，成功后将服务器返回的JSON数据解析输出。代码包含选择图片、存储路径和批量上传的完整流程，适用于需要图片上传的小程序开发场景。

2025-06-30 15:39:56 192