一、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