微信小程序:文件操作

选择本地文件:wx.chooseImage({

下载选中的文件:wx.downloadFile({

选择本地视频: wx.chooseVideo({

效果图:

 代码

 app.js

// app.js
App({
  onLaunch() {
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
  },
  globalData: {
    userInfo: null,
    nginxadd:"换成内网穿透地址"
    
  }
})

downfile.js

// pages/downfile/downfile.js
let  app=getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {

    path:"",
    videopath:""

  },

  //选择本地文件
  selectimg()
  {
     wx.chooseImage({
       success:(resp)=>
       {
          let  imgPath=resp.tempFilePaths;
          console.log(imgPath);
          this.setData({path:imgPath});
          
       }
     });

  },

  //选择下载文件
  selecdownimg()
  {

    console.log("选择网络文件");

    wx.downloadFile({
      url: app.globalData.nginxadd+"img/a1.jpg",
      type:"image",
      success:(resp)=>
      {
         console.log(resp.tempFilePath);
         this.setData({path:resp.tempFilePath});
      },
      fail:(resp)=>{

        wx.showToast({
          title: '下载失败',
        })
      }

    })

  },

  //选择视频
  selectvideo()
  {

    wx.chooseVideo({
      sourceType: ['album','camera'],
      camera: ["back","front"],
      success:(resp)=>
      {
          this.setData({videopath:resp.tempFilePath});
      }

    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

downfile.wxml

<!--pages/downfile/downfile.wxml-->
<button  type="primary"  bindtap="selectimg" >选择本地文件</button>
<button  type="primary"  bindtap="selecdownimg" >选择下载文件</button>
<image  src="{{path}}"></image>

<button  type="primary"  bindtap="selectvideo" >选择本地视频</button>
<video controls="controls"  src="{{videopath}}">



</video>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值