uniapp文件在線預(yù)覽方案
做個網(wǎng)頁用kkFileView插件實現(xiàn)文件預(yù)覽，uniapp就用web-view來展示
下面是我寫的示例查看PDF文件，先將PDF下載路徑轉(zhuǎn)為Base64文章來源：http://www.zghlxwxcb.cn/news/detail-757928.html
npm install --save js-base64
import {encode} from 'js-base64'
let url = 'xxxxxxxxxxxxxxxxxx.pdf';//文件路徑
let tempUrl = encode(url);
let fileurl = encodeURIComponent(tempUrl);
let previewUrl = "http://xxxxxxxxx/onlinePreview"；//后端在線查看頁面地址
window.open(previewUrl+'?url=' + fileurl)
vue通過iframe打開查看
uniapp通過web-view來查看文章來源地址http://www.zghlxwxcb.cn/news/detail-757928.html
到了這里，關(guān)于vue，uniapp的pdf等文件在線預(yù)覽的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
