移动端文件预览在iframe中的问题解决方案?-灵析社区

Fronttend

现在有一个需求要实现移动端文件预览。我把目标定向于微软免费的预览api上,只需后缀上拼接文件oss的Url路径即可实现预览。现在我想要把这个预览改成页面内通过iframe的方式实现,调试中我用pc模式调试正常可以预览,但是换成移动端就有问题,这个是啥问题? pc模式: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/e81264d7e284a434cd6d9b75b7a2f2da.png) app模式: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241002/0f1b36169cfa2729d12622d96e1d3385.png) 具体vue代码如下: export default { components: { }, data() { return { url: 'https://jtg-web.oss-cn-hangzhou.aliyuncs.com/jtglw/pr/in/20240326/789d877e4c3445de8d636a6aa762f135.doc', previewUrl: '' } }, computed: { }, created() { }, mounted() { this.previewUrl = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(this.url)}` }, methods: { }, } 希望app模式下也可以预览

阅读量:118

点赞量:0

问AI
momo
不支持移动端,可以用这个插件 "https://npm.io/package/@vue-office/docx" (https://link.segmentfault.com/?enc=w0XVUDRYnoS7aOZrKKVm7Q%3D%3D.rvObHaQg86PoQ7GUMfohiMDNmUZty7%2BkfSfGjx6iep31e6dZU9JAbSwhKRLbv5wO)