uniapp开发微信小程序在线预览pdf等文件

        最近在开发一个微信小程序，有个需求就是需要点击按钮，在线预览合同文档。当时试了几种方法，都有不同的问题，最后方法二总算解决了。

1、方法1：不一定能成功（可做参考）

        最开始后端给我返的是一个base64文件流，处理之后使用的webView进行预览，要注意的是：Blob对象在uni-app中并不直接支持，所以就使用的uni-app提供的uni.arrayBufferToBase64()方法将Base64文件流数据进行转换。代码如下：

// 从后台获取的Base64文件流数据
let base64Data = 'Base64文件流数据';

// 将Base64文件流数据进行转换
let base64array = uni.base64ToArrayBuffer(base64Data);

// 将base64array转换为Base64字符串
let base64String = uni.arrayBufferToBase64(base64array);

// 将Base64字符串拼接一下用于PDF预览
this.pdfUrl = 'data:application/pdf;base64,' + base64String;

<template>
	<view>
		<web-view :src="pdfUrl "></web-view>
	</view>
</template>

        这种方法当初的确在微信开发者工具中可以实现成功预览，但我使用真机调试时，不知道为什么，就是加载不出