一种基于vue3.0的前端多种格式文件在线预览方法技术

技术编号:42128522 阅读:26 留言:0更新日期:2024-07-25 00:44
本发明专利技术涉及软件开发技术领域,具体为一种基于vue3.0的前端多种格式文件在线预览方法,包括:前端通过input原生表单控件对不同格式的文件流进行获取;对获取到的所述文件流进行类型识别,并对不同类型的所述文件流进行类型标识;基于前后端多种格式文件类型,引入不同的前端模板渲染引擎;根据不同类型的所述文件流,使用不同的所述前端模板渲染引擎对所述文件流进行预处理,从而得到标准文件流;使用前端原生标签对所述标准文件流进行渲染,使所述标准文件流完整的展示在H5页面上。本发明专利技术可以让用户在上传文件之前做到二次确认,也可以通过下载文件时在线解析的方式让用户直接看到自己下载的文件,大大减少用户的操作流程,提高工作效率。

【技术实现步骤摘要】

本专利技术涉及软件开发,具体涉及一种基于vue3.0的前端多种格式文件在线预览方法


技术介绍

1、随着互联网技术的不断发展,前端h5对于文件的处理越发成熟,用户也对当前可操作的场景要求越来越高,当用户需要上传(包括但不限于)数据文件到服务端并且将数据落库的过程中,往往是将文件解析成文件流直接上传,至于传输内容只能依赖于用户在上传之前反复核对,但还是会出现漏填数据,填写数据有误,或上传错文件的情况,以至于当生产数据需要修改时,人工会通过复杂的审批流程最终才能够修改数据,当需要下载文件到本地时,往往是将文件下载到本地缓存文件夹,再通过文件夹找到对应的文件进行操作,这样的操作无疑降低了当前用户的工作效率(尤其是数据部门的日常工作)。

2、针对生产环境中上传文件保存落库时,如果选择了错误的文件并且上传成功了,一般会由开发人员在数据库中直接操作删除该条数据重新上传,这样做的缺点是增加了开发人员的负担并且影响了生产环境的稳定性,如果是上传数据文件并且填写了错误的信息的话,一般由后端接口直接报错提示上传不合法,这样做的缺点是当数据文件体量较大时,增加了服务本文档来自技高网...

【技术保护点】

1.一种基于vue3.0的前端多种格式文件在线预览方法,所述多种格式文件包括pdf、xlsx、docx和图片格式文件,其特征在于,包括:

2.根据权利要求1所述的一种基于vue3.0的前端多种格式文件在线预览方法,其特征在于:所述对获取到的所述文件流进行类型识别,并对不同类型的所述文件流进行类型标识,包括:

3.根据权利要求1所述的一种基于vue3.0的前端多种格式文件在线预览方法,其特征在于:所述基于前后端多种格式文件类型,引入不同的前端模板渲染引擎,包括:

4.根据权利要求1所述的一种基于vue3.0的前端多种格式文件在线预览方法,其特征在于:所述...

【技术特征摘要】

1.一种基于vue3.0的前端多种格式文件在线预览方法,所述多种格式文件包括pdf、xlsx、docx和图片格式文件,其特征在于,包括:

2.根据权利要求1所述的一种基于vue3.0的前端多种格式文件在线预览方法,其特征在于:所述对获取到的所述文件流进行类型识别,并对不同类型的所述文件流进行类型标识,包括:

3.根据权利要求1所述的一种基于vue3.0的前端多种格式文件在线预览方法,其特征在于:所述基于前后端多种格式文件类型,引入不同的前端模板渲...

【专利技术属性】
技术研发人员:任治天赵岩
申请(专利权)人:上海创帧软件有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1