1. 打开新页面预览：
// 接口返回文件地址 res.data
let urlOpen = 'https://view.officeapps.live.com/op/view.aspx?src=' + encodeURIComponent(res.data)
// 创建一个a标签来解析URL
let parser = document.createElement('a')
parser.href = urlOpen
// 得到的地址有时候可能是 http://localhost:8080/XXXXhttps://view.officeapps.live.com/xxxxxxx
console.log(parser.href, '跳转的地址为parser.href')
// 找到"https://view.officeapps.live.com"的索引
let startIndex = parser.href.indexOf('https://view.officeapps.live.com')
let finalUrl = ''
// 找到后删除没用的前缀
if (startIndex !== -1) {
// 删除指定前缀 http://localhost:8080/XXXX
finalUrl = parser.href.substring(startIndex)
console.log(finalUrl, '输出删除前缀后的字符串')
// 最终跳转地址 新页签跳转
window.open(finalUrl)
}
2. 本页面预览：可加弹窗预览
// html使用iframe打开
<iframe :src="state.urlOpen" width="100%" height="500" frameborder="0"></iframe>
// data定义
const state = reactive({
urlOpen: '',
})
// 接口返回地址处理 文件地址 res.data
let urlOpen = 'https://view.officeapps.live.com/op/view.aspx?src=' + encodeURIComponent(res.data)
state.urlOpen = urlOpen
3. 本页面预览：可加弹窗预览
// html使用iframe打开
<iframe :src="state.urlOpen" width="100%" height="500" frameborder="0"></iframe>
// data定义
const state = reactive({
urlOpen: '',
})
// 接口返回地址处理 文件地址 res.data
let urlOpen = 'http://view.xdocin.com/xdoc?_xdoc=' + encodeURIComponent(res.data)
state.urlOpen = urlOpen
注*：如需清除预览记录 在调用方法前给 state.urlOpen = null
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
