uniapp开发微信小程序预览文件+图片+嵌套网页

1、预览文件

<view @click="preview('文件地址')">
	点击预览
</view>


// 预览
const preview = (middle) => {
    uni.downloadFile({
	    url: middle,//middle为调用接口返回的文件地址
		success: (data) => {
			uni.saveFile({
				tempFilePath: data.tempFilePath, //临时路径
				success: function(res) {
					uni.openDocument({
						showMenu: true,
						filePath: res.savedFilePath,
					});
				}
			});
		}
	});
}

2、预览图片

const imgList = ref([
'地址1',
'地址2',
])
// 点击预览图片
const preview = () => {
	uni.previewImage({
		current: 0,//预览图片下标
		urls: imgList.value,
		loop: true//是否轮播
	})
}

3、嵌套网址页面

 <template>
    <web-view :src="网址"></web-view>
</template>