微信小程序?qū)崿F(xiàn)文件預(yù)覽
微信小程序的文件預(yù)覽,供大家參考,具體內(nèi)容如下
微信小程序的文件預(yù)覽需要先使用wx.downloadFile下載文件,然后使用下載文件的臨時路徑通過wx.openDocument進行文件的
預(yù)覽
wxml代碼:
<button bindtap='preview'>簡歷預(yù)覽</button>
js代碼:
//簡歷預(yù)覽
preview: function () {
var that = this;
console.log("簡歷預(yù)覽")
//這里的value是先在data里面初始化,然后我根據(jù)用戶切換單選框,獲取的簡歷文件的主鍵id
console.log(this.data.value)
var id = that.data.value;
if (id == "") {
wx.showModal({
title: '',
content: '請選擇一份簡歷',
showCancel: false,
confirmColor: "#FFB100"
})
} else {
//先通過簡歷的主鍵id,查詢簡歷路徑(大家可以根據(jù)自己的需求來傳數(shù)據(jù))
wx.request({
url: app.globalData.url + "/api/interview/queryFilePath",
data: {
id: id
},
method: 'POST',
header: { "content-type": "application/x-www-form-urlencoded" },
success: function (res) {
console.log(res.data)
that.setData({
path: res.data.path,
type: res.data.type
})
//下載簡歷
wx.downloadFile({
url: app.globalData.url + that.data.path,
success: function (res) {
var filePath = res.tempFilePath
console.log(filePath)
//預(yù)覽簡歷
wx.openDocument({
filePath: filePath,
fileType: that.data.type,
success: function (res) {
console.log("打開文檔成功")
console.log(res);
},
fail: function (res) {
console.log("fail");
console.log(res)
},
complete: function (res) {
console.log("complete");
console.log(res)
}
})
},
fail: function (res) {
console.log('fail')
console.log(res)
},
complete: function (res) {
console.log('complete')
console.log(res)
}
})
}
})
}
},
為大家推薦現(xiàn)在關(guān)注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》小編為大家精心整理的,希望喜歡。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序?qū)崿F(xiàn)圖片放大預(yù)覽功能
- 微信小程序選擇圖片和放大預(yù)覽圖片功能
- 微信小程序?qū)崿F(xiàn)圖片上傳、刪除和預(yù)覽功能的方法
- 微信小程序 解決請求服務(wù)器手機預(yù)覽請求不到數(shù)據(jù)的方法
- 微信小程序圖片選擇、上傳到服務(wù)器、預(yù)覽(PHP)實現(xiàn)實例
- 微信小程序wx.previewImage預(yù)覽圖片實例詳解
- 微信小程序?qū)崿F(xiàn)點擊圖片放大預(yù)覽
- 微信小程序點擊圖片實現(xiàn)長按預(yù)覽、保存、識別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能
- 微信小程序?qū)崿F(xiàn)圖片選擇并預(yù)覽功能
- 微信小程序?qū)崿F(xiàn)預(yù)覽圖片功能
相關(guān)文章
JS實現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼,通過JavaScript基于時間函數(shù)實現(xiàn)頁面元素樣式漸變效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
JS實現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼
這篇文章主要介紹了JS實現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼,涉及JavaScript基于鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
JS+CSS實現(xiàn)鼠標(biāo)滑過時動態(tài)翻滾的導(dǎo)航條效果
這篇文章主要介紹了JS+CSS實現(xiàn)鼠標(biāo)滑過時動態(tài)翻滾的導(dǎo)航條效果,涉及JavaScript動態(tài)設(shè)置css樣式動畫過度效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的問題
這篇文章主要介紹了自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的方法,涉及trim函數(shù)的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02
如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)
有了語音識別,交流就會變得很簡單,下面這篇文章主要給大家介紹了關(guān)于如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)的相關(guān)資料,需要的朋友可以參考下2022-06-06

