微信小程序云开发-云存储-下载文件(word/excel/ppt/pdf)

一、wxml文件

1、写文本框,用来获取文件链接。

2、按钮,点击下载文件

<!-- 下载文件(word/excel/ppt/pdf等) -->
<view class="inputContent">
<text>请输入下载链接:</text>
<input type="text" bindinput="getContent"></input>
</view>
<button bindtap="downloadFile" type="primary" >下载文件</button>

二、wxss文件

wxss文件用来设置文本框显示样式

.inputContent{
  margin: 100rpx 20rpx 20rpx 20rpx;
}
input{
  border: 1rpx solid #ccc;
  margin-top: 20rpx;
  height: 80rpx;
  min-height: 80rpx;
}

三、js文件

获取输入内容getContent()和downloadFile()两个函数。文本框里面输入的是文件的file ID(云存储的路径)

Page({
  data:{
    fileID :null
  },

  //功能:下载文件(word/excel/ppt/pdf等)

  //获取输入内容
  getContent(e){
    console.log(e.detail.value);
    this.setData({
      fileID:e.detail.value
    })
  },
  //下载文件
  downloadFile(){
    let fileID = this.data.fileID //取data里面的fileID
    if(fileID!=null&&fileID.length>0){
      console.log("下载链接",fileID);
      wx.cloud.downloadFile({
        fileID: fileID,
        success: res => { 
          console.log("文件下载成功",res);
          wx.showToast({
            title: ‘文件下载成功‘,
            icon:"success",
            duration:2000
          })
        },
      fail: err => {
          console.log("文件下载失败",err);
        }    
    })
   }else{
    wx.showToast({
      title: ‘下载链接为空‘,
      icon:"none"
    })
  }      
}
  
})

四、实现

微信小程序云开发-云存储-下载文件(word/excel/ppt/pdf)

 

微信小程序云开发-云存储-下载文件(word/excel/ppt/pdf)

上一篇:syslog的使用


下一篇:2.0 kafka知识点!