找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

Python Flask小程序文件(图片)上传技巧

作者:模板之家 2018-2-6 14:46 2398人关注

答应管理员,自己挖的坑自己填... 最近刚好要做一个图片处理的小程序, 后台依然是强大无比的Python Flask, 文件上传小程序也采用multipart/form-data, 后端上无缝衔接, 但小程序前端卡



答应管理员,自己挖的坑自己填...
最近刚好要做一个图片处理的小程序
后台依然是强大无比的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('上传成功...')
            }
          })

        }
      }
    })  
  },


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)