微信小程序實現(xiàn)文件預覽
更新時間:2020年10月22日 16:59:57 作者:xiaoyanyanlh
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)文件預覽,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
微信小程序的文件預覽,供大家參考,具體內容如下
微信小程序的文件預覽需要先使用wx.downloadFile下載文件,然后使用下載文件的臨時路徑通過wx.openDocument進行文件的
預覽
wxml代碼:
<button bindtap='preview'>簡歷預覽</button>
js代碼:
//簡歷預覽 preview: function () { var that = this; console.log("簡歷預覽") //這里的value是先在data里面初始化,然后我根據用戶切換單選框,獲取的簡歷文件的主鍵id console.log(this.data.value) var id = that.data.value; if (id == "") { wx.showModal({ title: '', content: '請選擇一份簡歷', showCancel: false, confirmColor: "#FFB100" }) } else { //先通過簡歷的主鍵id,查詢簡歷路徑(大家可以根據自己的需求來傳數(shù)據) 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) //預覽簡歷 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)在關注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》小編為大家精心整理的,希望喜歡。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JS+CSS實現(xiàn)鼠標滑過時動態(tài)翻滾的導航條效果
這篇文章主要介紹了JS+CSS實現(xiàn)鼠標滑過時動態(tài)翻滾的導航條效果,涉及JavaScript動態(tài)設置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