- 博客(18)
- 问答 (1)
- 收藏
- 关注
原创 关于前端vue分片上传,大文件切片上传
4.一般切片接口都需要,当前片数下标,总片数,文件名称,切片文件file,,,有的更严谨的接口,需要文件的哈希值一般用md5算法,,来确定文件是否在传输中有损坏丢失,就是前端根据文件生成的md5,后端根据获取的到file生成md5比较一下一样就说明没丢失,不一样就可能丢失损坏,(哈希md5这些就不详细讲了,就是可以验证信息传输的完整性)前端上传中,经常会遇到几个G或者更大的文件,这时候普通的上传接口很难支撑,就需要对文件进行切割分片,一片一片上传,还可元进行断点续传等。
2024-08-09 13:59:54
170
原创 vue中在线预览word文档,前端进行word文档中关键词搜索高亮(关键词高亮功能可用于所有页面元素)
主要思路,获取指定区域所有元素,innerHTML,找到匹配关键词,用正则替换,加上类元素,添加背景颜色和字体颜色。2.js代码,通过axios,请求会文件流进行解析,url换成自己的文档url。3.如果报错JSZip,就进行安装JSZip引入,就可以了。1.创建div元素,用于解析word文档载体。2.多个关键词时,for循环调用。
2024-01-26 09:54:42
1065
1
原创 VUE前端项目浏览器打开唤醒电脑应用程序(注册表协议,和node两种)
说一下前提,浏览器本身是不支持node这样写法,会报错require找不到,我们项目是使用electron打包后桌面程序的,所以也就是vue项目在electron中使用node。Exec=/opt/apps/com.visualstudio,code.uos/files/code-oss/bin/code-oss,exec是调用的程序路径地址。我们用的国产化申威龙芯,在自己搞electron还得在打包适配对于我们太麻烦了,就直接在龙芯申威社区下载electron,把里面配置项目文件改了就行。
2024-01-06 13:48:37
2109
1
原创 VUE项目使用electron的一些事项
5.如果是直接把dist包复制过来,需要改一下配置,打开main.js,找到mainWindow.loadFile,官方原本是只有index.html,如果是直接大dist包拉过来,index.html替换掉就不需要该,找到的文件都是正确的,复制的dist包的话就要改./dist/index.html找我们自己的文件。4.打包成功后直接可以托入到ele项目下,在npm start运行(觉得太乱也可以把dist包拉过来)2.electron的路由好像得带#然后我就把路由改为哈希模式带#,
2024-01-05 16:38:00
598
1
原创 VUE在线播放展示MP4等视频文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,下面是浏览器在线播放视频文件,选用vue-video-player组件使用,使用就是很简单把后端返回的视频url地址赋予给配置项 this.playerOptions.sources[0].src就
2024-01-04 10:54:16
1577
1
原创 VUE在线预览展示pdf文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,首先pdf文件在平时浏览器中直接window.open(url)都能直接预览,但是我们这个项目是在国产化服务器统信操作系统中运行,它那个浏览器不能直接打开url在线预览,就需要用到组件
2024-01-04 10:20:49
935
1
原创 VUE在线预览展示md文件
最近项目需要做一个能在线预览docx,pdf,md,MP4等文件,其中md文件通过调研发现使用markdown-it-vue组件挺好用的
2024-01-04 10:11:10
1511
1
原创 RuoYi-Vue-Plus5x项目部署后登录报错:ERROR io.undertow.request - UT005023: Exception handling request to /auth/
idea的jdk需要使用17,必须使用openjdk或者graalvm jdk ,不能使用oracle jdk,RuoYi-Vue-Plus5x下载下来后使用idea打开,maven使用idea自带3.8.1。
2023-12-22 15:03:36
676
原创 nginx部署前端项目,url带有路由刷新后出现404,路由匹配不上
在使用nginx发布前端时,遇到访问IP+端口可以,但是在有路由的地址刷新后就会404。
2023-12-21 09:25:33
935
2
原创 前端vue上传时获取文件的md5哈希值
页面上传中的代码,我是用的element的上传组件的方法。使用spark-md5组件。使用组件进行计算哈希值。
2023-12-20 09:38:20
1315
1
原创 vue3+vite适配低版本浏览器(只在谷歌65版本测试了)
项目框架采用的若依的vue3+vite4,打包发布后发现在低版本谷歌浏览器中报错页面进不去。
2023-12-19 10:15:48
3572
原创 前端使用tesseract ocr 图文识别,训练自己字库,vue中使用tesseract
tesseract 253.png out -l chi_sim 其中chi_sim文字库,可以多个,eng+chi_sim就是英文加中文。官网下载地址:https://sourceforge.net/projects/vietocr/files/jTessBoxEditor/输完命令就会生成out.txt文件,里面是识别出来的文字。设置环境变量,根据自己文件地址设置,设置好最好重启一下。准备好之后,进入ocr目录下,打开cmd。下载jdk设置环境变量。
2023-11-30 14:32:22
718
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人