微信小程序文件類API的示例分析

這篇文章主要介紹微信小程序文件類API的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

臨淄ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

本文主要和大家分享微信小程序文件類API詳解，希望能幫助到大家。

一.小知識(shí)

1.wx.saveFile(OBJECT):保存文件到本地。

wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths
    wx.saveFile({
      tempFilePath: tempFilePaths[0],
      success: function(res) {
        var savedFilePath = res.savedFilePath
      }
    })
  }
})

2.wx.getSavedFileList(OBJECT):獲取本地已保存的文件列表

wx.getSavedFileList({
  success: function(res) {
    console.log(res.fileList)
  }
})

3.wx.getSavedFileInfo(OBJECT):獲取本地文件的文件信息

wx.getSavedFileInfo({
  filePath: 'wxfile://somefile', //僅做示例用，非真正的文件路徑
  success: function(res) {
    console.log(res.size)
    console.log(res.createTime)
  }
})

4.wx.removeSavedFile(OBJECT):刪除本地存儲(chǔ)的文件

wx.getSavedFileList({
  success: function(res) {
    if (res.fileList.length > 0){
      wx.removeSavedFile({
        filePath: res.fileList[0].filePath,
        complete: function(res) {
          console.log(res)
        }
      })
    }
  }
})

5.wx.openDocument(OBJECT):新開頁面打開文檔，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx

wx.downloadFile({
  url: 'http://example.com/somefile.pdf',
  success: function (res) {
    var filePath = res.tempFilePath
    wx.openDocument({
      filePath: filePath,
      success: function (res) {
        console.log('打開文檔成功')
      }
    })
  }
})

二.列子

3.wx.getSavedFileInfo(OBJECT):獲取本地文件的文件信息

<view class="container">
	<button type="primary" bindtap="upload">上傳文件</button>
	<text>文件的路徑：{{ path}}px</text>
	<text>文件大?。簕{filesize}}</text>
</view>

//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
  	data:{
    	path:'',
    	filesize:0,
 	},
  	upload:function(){
	    var that=this
	    wx.chooseImage({
	        count: 1, 
	        sizeType: ['original', 'compressed'],// 可以指定是原圖還是壓縮圖，默認(rèn)二者都有 
	        sourceType: ['album', 'camera'],  // 可以指定來源是相冊(cè)還是相機(jī)，默認(rèn)二者都有
	        success: function (res) {
	            var tempFilePaths = res.tempFilePaths;
	            console.log(tempFilePaths)
	            wx.getSavedFileInfo({
				  	filePath:res.tempFilePaths[0], //僅做示例用，非真正的文件路徑
				  	success: function(res) {
				  		that.setData({
					      	filesize:res.size,
					    })
				  	}
				})
	            that.setData({
	                path:tempFilePaths
	            })  
	        }
	    })
  	}
})

5.wx.openDocument(OBJECT)：打開文檔

<view class="container">
	<button type="primary" bindtap="upload">打開文件</button>
</view>

//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
  	data:{
    	path:'',
 	},
  	upload:function(){
	    var that=this
	    wx.downloadFile({
		  	url: 'http://192.168.56.1/sino-ui/www.941in.com.hk/m.v1/o.pptx',//文件的在本地的路徑
		  	success: function (res) {
			    var filePath = res.tempFilePath
			    wx.openDocument({
			      	filePath: filePath,
			      	success: function (res) {
			        	console.log('打開文檔成功')
			      	}
			    })
		  	}
		})
  	}
})

這個(gè)文件的路徑，必須是http或是Https，不能使url: 'D:/WWW/sino-ui/www.941in.com.hk/m.v1/o.pptx',

以上是“微信小程序文件類API的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享文章：微信小程序文件類API的示例分析
分享路徑：http://muchs.cn/article8/gjscip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站建設(shè)、虛擬主機(jī)、標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)