vue实现pdf,ppt,pptx,xlx,xlsx,doc和doc在线预览和下载
antd中手动上传的 <a-upload></a-upload>
上传前的函数,fileList 是 上传文件列表可以进行删除,支持多个文件上传;
确认上传,接口调用,配置的axios或者ajax,请求体里面必须携带 headers。
不然接口是对的,就是传不上去 。上传成功 file 显示的是binary 。遇到的问题,console.log()直接打印formData不行,必须用 自带的方法 .get() 去获取.....
上传成功是
在线预览,首先看后端返回的是什么格式数据,如果是 字符节 情况,根据情况处理,进行转换
采用 new Blod 方法,类型具体参考 常见 MIME 类型列表 - HTTP | MDN
下载,也是类似在线预览,请求体里面也需要设置 responseType:'blob'
有的时候,也需要在type 里面加上 charset = UTF-8
vue实现pdf,ppt,pptx,xlx,xlsx,doc和doc在线预览和下载相关推荐
- vue 在线预览、下载word、pdf文件
vue 在线预览.下载word.pdf文件 最近项目用vue-cli3要实现word和pdf文档的在线预览和下载,在网上看到各位大佬们各种办法,发现踩坑无数,还是没弄出来,最后发现还是是自己想复杂了 ...
- 前端实现pdf文件的在线预览与下载
前言 在项目中我们经常会出现各种各样的法律文件.免责说明等文件需要用户阅读,很多文件除了阅读外还要支持用户下载.为了快速开发,一些变动不大的文件,或者是项目中不想开发富文本的时候我们可以选择直接使用p ...
- 前端文件预览 (pdf ppt word Excel image mp4 txt )集成预览
项目资源: https://download.csdn.net/download/AisinGioroGouzi/86756075 如何使用: 1 解压好的资源放到项目 components 文件夹 ...
- vue如何在线预览及下载word文档
最近遇到个需求,说要在线预览及下载word文档,尝试了很多方法以后,发现有一个方法是比较好用的,故来分享一波,希望大家也可以在评论中告知更多实现的方法~ https://view.officeapps ...
- Springboot 超简单实现在线预览,Word文档 doc、xlsx、pdf、txt等
前言 PDF.TXT 只要资源可访问,根本就不需要进行任何处理,直接访问查看就完事了. 也是因为这个PDF可以直接查看(现在浏览器基本支持了),那么我们实现Word文档在线预览,其实也是 把WORD文 ...
- 文档在线预览(四)使用js前端实现word、excel、pdf、ppt 在线预览
文章目录 实现方案 一.docx文件实现前端预览 1.docx-preview 2.Mammoth 二.PDF文件实现前端预览 1.pdf.js 2.pdfobject.js 3.vue-pdf 4. ...
- (开源kkFileView、kkOffice)在线预览word、pdf、ofd、excel、ppt、压缩包、图片等等
(开源kkFileView.kkOffice)在线预览word.pdf.ofd.excel.ppt.压缩包.图片等 前言 此项目为文件文档在线预览项目解决方案,对标业内付费产品有[永中office][ ...
- php+预览和下载pdf文件,vue实现在线预览pdf文件和下载(pdf.js)
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
- KKFileView前端实现Word,Excel,PPT在线预览(实测可用于内网项目)
目前网上现有的文件在线预览方式有以下几种: 1.通过a标签href属性直接打开文件 这种方式是通过把文件上传到服务器,在后台将文件转为pdf.通过浏览器可直接查看pdf文件的特点使用a标签直接就可以打 ...
最新文章
- 大数据面试题及答案 100道 (2021最新版)
- 系统安全攻防战:DLL注入技术详解
- android 解决password过时
- 报录比2比1计算机学校,比报录比更值得关注的,是推免率!内含20考研985院校推免数据...
- CSS+JS灰色树型菜单导航代码
- 数据泵导入远程oracle,数据泵导入导出远程数据库数据
- java opencv安装路径_Java搭建opencv开发环境
- 一个简单的PHP购物车系统
- 刘作虎亲曝一加7T外包装盒:里里外外重新设计
- 【clickhouse】clickhouse TCP 方式发送数据 ClickHouse-Native-JDBC
- 服务器风扇端子型号,出几样物品-相机连接头,服务器风扇,滤波器,接线端子等等如图...
- matlab制作科学计算器,基于MATLAB科学计算器
- 电影动漫视频推荐网站
- day02 Nacos集群配置、Feign远程调用和统一网关Gateway
- ksoftirqd内核线程
- 苹果电池显示维修_苹果财大气粗:维修换电池?直接给你换个机
- perforce(P4)常用命令(命令行)
- MFC 进程间通信(共享内存)
- word插入图片不能打印出来,转成PDF后才能打印成功
- ssm+jsp计算机毕业设计大媛小南美味佳肴网站8p0nh(程序+LW+源码+远程部署)
热门文章
- [TJOI2015]旅游
- 英语写作的常用句型(二)
- win10笔记本独显直连模式怎么开启?
- gt、gte、lt、lte、eq、neq缩写含义
- 计算机青蓝云题库,云南省公务员考试题库 计算机(一级B类)云南省计算机一级考试题库.doc...
- Python geojson文件可视化
- public,private,protected,default详解
- 案例分享——定位手环(日常看护、社区智慧养老、实时定位、一键远程报警)
- 投票功能+代码+java_java投票程序代码
- 计算机辅助教育中的评价标准有,计算机辅助教育测量与评价概述