【微信小程序】菜鸟实例（1）：文件操作

最新推荐文章于 2024-08-27 17:01:19 发布

猫兮ぃCatci

最新推荐文章于 2024-08-27 17:01:19 发布

阅读量679

点赞数

分类专栏：微信小程序文章标签： js 小程序 javascript vue python

本文链接：https://blog.csdn.net/qq_45587822/article/details/104757489

版权

微信小程序专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<script>
// 初始化变量
var tempPath = ''
var savedFileList = []

Page({
  // 已经存储的文件列表
  savedList:function(){
    wx.getSavedFileList({
      success(res){
        console.log(res.fileList)
      }
    })
  },
  // 保存文件
  save:function(){
    //确保已经有文件在缓存中
    wx.savaFilePath({
      tempImagePath:tempPath,
      success:function(res){
        console.log(res)
      },
      fail:function(res){
        console.log(res)
      }
    })
  },
  // 获取单个文件信息
  savedFileInfo:function(){
    wx.getSavedFileInfo({
      filePath: savedFileList[0].filePath,
      success:function(res){
        console.log(res)
      }
    })
  },

  takePhoto:function(){
    //获取拍照对象
    this.ctx.takePhoto({
      quality:'high',
      success:function(res){
        tempPath = res.tempImagePath
        console.log(tempPath)
        //读取临时文件信息
        wx.getFileInfo({
          filePath: tempPath,
          success (e){
            console.log(e)
          }
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 创建camera组件上下文对象
    this.ctx = wx.createCameraContext(this)

  }
})
</script>
<page>
	<camera device-position='back' flash='off' style='width:100%;height:300px'></camera>
<button type="primary" bindtap="takePhoto">TakePhoto!</button>
<button bindtap="save">SAVE</button>
<button bindtap="savedList">findList</button>
<button bindtap="savedFileInfo">findOne</button>
</page>