您的当前位置:首页正文

微信小程序上传pdf文件实例

2024-11-25 来源:个人技术集锦

在微信小程序上传文件到云上的代码如下,分别是wxml和js部分的代码

下面的代码是wxml中的代码

<!--miniprogram/pages/home/home.wxml-->
<button size='mini' bindtap="chooseFile">选择文件 </button>
<text>{{sourceName}}</text>
<button size='mini' bindtap="uploadFile">上传文件</button>

下面的代码是js文件中的代码:

Page({

  data: {
    sourcePath:'',
    dstFilePath:'',
    sourceName:''
  },

  chooseFile(e){
    var self = this
    wx.chooseMessageFile({
      count: 1,
      type:'file',
      success(res){
        const x = res.tempFiles[0].path
        const y = res.tempFiles[0].name
        console.log('选择',res)
        self.setData({
          sourcePath:x,
          sourceName:y
        })
      }
    })
  },
  
  uploadFile(){
    var sourcePath = this.data.sourcePath
    var sourceName = this.data.sourceName

    self = this
    wx.cloud.uploadFile({
      cloudPath:'temp/'+sourceName, //这里的'temp/'是在环境中创建的文件夹
      filePath: sourcePath
    })
  }
})

 

显示全文