微信小程序?qū)崿F(xiàn)文件預(yù)覽
微信小程序的文件預(yù)覽,供大家參考,具體內(nèi)容如下
微信小程序的文件預(yù)覽需要先使用wx.downloadFile下載文件,然后使用下載文件的臨時路徑通過wx.openDocument進(jìn)行文件的
預(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ù)器手機(jī)預(yù)覽請求不到數(shù)據(jù)的方法
- 微信小程序圖片選擇、上傳到服務(wù)器、預(yù)覽(PHP)實(shí)現(xiàn)實(shí)例
- 微信小程序wx.previewImage預(yù)覽圖片實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊圖片放大預(yù)覽
- 微信小程序點(diǎn)擊圖片實(shí)現(xiàn)長按預(yù)覽、保存、識別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能
- 微信小程序?qū)崿F(xiàn)圖片選擇并預(yù)覽功能
- 微信小程序?qū)崿F(xiàn)預(yù)覽圖片功能
相關(guān)文章
JS實(shí)現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼,通過JavaScript基于時間函數(shù)實(shí)現(xiàn)頁面元素樣式漸變效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼,涉及JavaScript基于鼠標(biāo)事件動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09使用JavaScript實(shí)現(xiàn)ajax的實(shí)例代碼
實(shí)現(xiàn)ajax之前必須要創(chuàng)建一個 XMLHttpRequest 對象。這是必須的。那么對使用js實(shí)現(xiàn)ajax的代碼感興趣的朋友可以參考下本文2016-05-05JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過時動態(tài)翻滾的導(dǎo)航條效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過時動態(tài)翻滾的導(dǎo)航條效果,涉及JavaScript動態(tài)設(shè)置css樣式動畫過度效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09自定義函數(shù)實(shí)現(xiàn)IE7與IE8不兼容js中trim函數(shù)的問題
這篇文章主要介紹了自定義函數(shù)實(shí)現(xiàn)IE7與IE8不兼容js中trim函數(shù)的方法,涉及trim函數(shù)的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02JS實(shí)現(xiàn)html頁面點(diǎn)擊下載文件的兩種方式
這篇文章主要介紹了JS實(shí)現(xiàn)html頁面點(diǎn)擊下載文件的兩種方式,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)
有了語音識別,交流就會變得很簡單,下面這篇文章主要給大家介紹了關(guān)于如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)的相關(guān)資料,需要的朋友可以參考下2022-06-06