首页 > 微信小程序 > 小程序开发 > 微信小程序文件类API详解

微信小程序文件类API详解

小云云
发布: 2018-05-30 14:22:27
原创
10610 人浏览过

本文主要和大家分享微信小程序文件类API详解,希望能帮助到大家。

一.小知识

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):删除本地存储的文件


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>
登录后复制
//获取应用实例
var app = getApp()
Page({
  	data:{
    	path:&#39;&#39;,
    	filesize:0,
 	},
  	upload:function(){
	    var that=this
	    wx.chooseImage({
	        count: 1, 
	        sizeType: [&#39;original&#39;, &#39;compressed&#39;],// 可以指定是原图还是压缩图,默认二者都有 
	        sourceType: [&#39;album&#39;, &#39;camera&#39;],  // 可以指定来源是相册还是相机,默认二者都有
	        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>
登录后复制

//获取应用实例
var app = getApp()
Page({
  	data:{
    	path:&#39;&#39;,
 	},
  	upload:function(){
	    var that=this
	    wx.downloadFile({
		  	url: &#39;http://192.168.56.1/sino-ui/www.941in.com.hk/m.v1/o.pptx&#39;,//文件的在本地的路径
		  	success: function (res) {
			    var filePath = res.tempFilePath
			    wx.openDocument({
			      	filePath: filePath,
			      	success: function (res) {
			        	console.log(&#39;打开文档成功&#39;)
			      	}
			    })
		  	}
		})
  	}
})
登录后复制

这个文件的路径,必须是http或是Https,不能使url: 'D:/WWW/sino-ui/www.941in.com.hk/m.v1/o.pptx',



相关推荐:

jQuery必须掌握的API

PHP如何开发api接口安全验证实例

PHP关于API接口实例分享

以上是微信小程序文件类API详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板