首页 > 微信 > 详细

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

时间:2021-07-19 17:09:05      阅读:19      评论:0      收藏:0      [点我收藏+]

一、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)

原文:https://www.cnblogs.com/AnnLing/p/15030642.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!