vue中实现支持txt,docx,xlsx,mp4格式文件预览功能(纯前端)

对于Vue你可以实现文件的预览功能,这篇文章主要给大家介绍了关于vue中实现支持txt,docx,xlsx,mp4格式文件预览功能的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

前言

在平常的工作当中，已经会遇到文件上传后需要预览的功能，比如docx,doc,xls,xlsx,ppt,pdf,txt,图片,视频等格式的文件，其实也可以让后端人员写接口解析，本着不想麻烦别人的心态，能自己解决的绝不麻烦别人，这里简单介绍txt,docx,xlsx,mp4文件预览。

一、txt文本预览

1.在vue项目中安装axios     npm i axios -S  或 yarn add axios 

2. 准备一个txt文件，里面随便输入些内容

3. 使用axios来请求该txt文件

页面完整代码如下

<template>
    <div class="txt" style="white-space: pre-wrap;">{
 { textContent