附件预览（可用于图片、word文档、pdf、.xls表格等预览）

一、fileView.vue文件里的完整代码（fileView.vue即为抽离出的附件预览组件）

1、html部分

<template>
  <div class="docContainer">
    <iframe :src="viewUrl"></iframe>
  </div>
</template>

2、js部分的完整代码

（变量定义中的 previewServeUrl: globalConfig.filePreviewUrl,，指的是服务器上部署的附件预览地址）

<script lang="js">

import globalConfig from "@/config/config.js";

let Base64 = {
  // private property
  _keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=',

  // public method for encoding
  encode: function(input) {
    var output = ''
    var chr1, chr2, chr3, enc1, enc2, enc3, enc4
    var i = 0

    input = Base64._utf8_encode(input)

    while (i < input.length) {
      chr1 = input.charCodeAt(i++)
      chr2 = input.cha