1.保存
众所周知,从最早的浏览网页到如今的各类APP,设计者都会为使用者提供下载其中文件的渠道,以增加信息传递率及用户体验感。
所以,在此大趋势下,小程序的设计当然少不了此种功能,在小程序中插入以下代码
wX . chooseImage({
success: function(res) {
var tempFilePath = res. tempF ilePath
wX . saveFile({
tempFilePath: tempF i1ePath[0],
success: function(res) {
var savedFilePath = res. savedFilePath
})
}
})
可以让使用者能够在本小程序中即可下载自己想要的文件。
注:因为小程序特殊的组成,故本地文件的储存大小最大为10M。
2.获取文件信息
另外,在获取到小程序的文件之后或许无法满足部分的用户,给予使用者获取文件信息(包含来源,地址之类的信息)将会在更到的程度上提高用户的体验舒适度,仅需要加入如下代码即可实现
Wx . getFileInfo({
success(res) {
console. log(res. size)
console. log(res . digest)
}
})
3.获取已保存的文件列表
在一些特殊的小程序中,专门会有一个页面为用户列出已经保存的视频来减少用户在设备文件中四处寻找下载文件的时间,采用此界面需要小程序能够在手机中获取设备中已经保存的文件,插入代码如下
wX . getSavedFileL ist({
success: function(res) {
console.log(res. fileL ist)
}
})
4.获取本地文件的信息
首先,此接口只能用于获取已保存到本地的文件,其次,为小程序插入此权限可以使得小程序能够帮助用户更好的在设备文件中找到文件以及便于小程序区分此文件是否在此页面中保存,便于获取列表,插入接口方法如下
wX . getSavedFileInfo({
filePath:
wxfile://somefile', //仅做示例用,非真正的文件路径
success: function(res) {
console.log(res. size )
console .1og(res . createTime )
}
})
5.删除本地储存的文件
或许很多的用户不希望哪怕是在知道设备保存文件路径的情况下在文件夹中找出下载的文件中再进行删除操作,毫无疑问也会消耗不少的时间,所以让小程序能够在用户的使用下获取手机权限进行文件的删除操作更是一个解决问题的方法,插入代码如下
WX . getSavedFileList({
success: function(res) {
if (res. fileList .1ength > 0){
wX. removeSavedFile({
filePath: res. fileList[0]. filePath,
complete: function(res) {
console. log(res )
}
})
}
}
})
6.总结
小程序中支持用户使用下载的文件格式支持(doc, xls, ppt, pdf, docx, xlsx, pptx)等大部分的文件格式,可以使用户几乎不用担心文件格式不支持的情况出现。另外此博客讲述主要是从手机获取各类权限,可为提升用户体验满意度,降低小程序使用门槛提供很大的帮助。
END
编 辑 | 王楠岚
责 编 | 陈宇杰
where2go 团队