频道栏目
首页 > 资讯 > 微信小程序 > 正文

Python Flask小程序文件及图片上传方法

18-01-11        来源:[db:作者]  
收藏   我要投稿
答应管理员,自己挖的坑自己填...
最近刚好要做一个图片处理的小程序,
后台依然是强大无比的Python Flask,
文件上传小程序也采用multipart/form-data,
后端上无缝衔接,
但小程序前端卡了几分钟,泪奔!

下面就是小程序端的源码:

//点击选择图片
  tapImage: function (e) {
    var that= this
    wx.chooseImage({
      success: function (res) {
        var tempFilePaths = res.tempFilePaths        
        that.setData({
          filePath: tempFilePaths[0]  //保存图片路径                  
        })
        console.log(tempFilePaths[0])
      }
    })    
  },
  // 点击浏览
  showImage(){
    wx.previewImage({
      current: '', // 当前显示图片路径
      urls: [this.data.filePath] // 需要预览图片的路径
    })
  },  
  //上传文件
  upload_data(){
    var filePath = this.data.filePath
    wx.getImageInfo({
      src: filePath,
      success: function (res) {
        console.log(res.width)
        console.log(res.height)
        if (res.width != 600 && res.height !=900){
          console.log('图片大小非600*900')  
         }
        else{
          console.log('准备上传...')
          wx.uploadFile({
            url: 'http://example.weixin.qq.com/upload', //接口地址
            filePath: filePath,//文件路径
            name: 'file',//文件名,不要修改,Flask直接读取
            formData: {
              'user': 'test'
            }, // 其他表单数据,如地理位置、标题、内容介绍等
            success: function (res) {
              var data = res.data
              console.log('上传成功...')
            }
          })

        }
      }
    })  
  },
相关TAG标签
上一篇:小程序个人用户实现微信支付的方法流程图
下一篇:微信小程序仿麦当劳的微信小程序开发教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站