咫尺论坛 › 微信小程序开发教程 › 微信小程序学习用demo：瀑布流及登录后页面刷新

柿霖不是林 发表于 2017-1-10 18:32:58

微信小程序学习用demo：瀑布流及登录后页面刷新

1：实现了基本布局及瀑布流，上传下载功能未真机测试：2：登录后刷新跳转到新页面




/*my.js*/
"user strict";

var app = getApp();

Page({
data:{
    // text:"这是一个页面"
    uinfo:{},
    source:'',
    images:[]
},
// 上传图片
bindUploadHeader: function(){
    var self = this;
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function(res) {
      var tempFilePaths = res.tempFilePaths

      //及时预览
      self.setData({
          source:tempFilePaths
      })
      wx.uploadFile({
          url: 'http://www.kunyujie.com/myself/test/imageUpload?name=admin&passwd=admin',
          filePath: tempFilePaths,
          name: 'file',
          header: {
            "Content-Type": "multipart/form-data"
          },
          success:function(suc){
            var data = JSON.parse(suc.data);
            self.setData({
            source:'http://www.kunyujie.com/myself/'+data.path
            })
          },
          fail: function(err){
            console.log(err)
          },
          complete:function(all){
            //console.log(all)
          }
      })
      }
    })
},
// 上传图片
bindUploadHeader: function(){
    var self = this;
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function(res) {
      var tempFilePaths = res.tempFilePaths;
      var param ={
            filePath:tempFilePaths,
            name:'file',
            formData:{}
            };
      app.api.imageUpload('test/imageUpload?name=admin&passwd=admin',param)
      .then(function(res){
          var res = JSON.parse(res);
          self.setData({
            source:app.uri+res.path
          })
      }).catch(function(err){
          console.error(err)
      })

      //end
      }
    })
},
// 上传图片
bindUploadHeader: function(){
    var self = this;
    wx.chooseImage({
      count: 2, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function(res) {
      //批量图片上传
      var imageArr = [], tempFilePaths = res.tempFilePaths;
      for(var i=0,len=tempFilePaths.length; i<len; i++){
          var param ={
            filePath:tempFilePaths,
            name:'file',
            formData:{
                name: 'admin',
                passwd: '21232f297a57a5a743894a0e4a801fc3'
            }
            };
            //上传操作
            app.api.imageUpload('test/imageUpload',param)
            .then(function(res){
            var res = JSON.parse(res)
            imageArr.push(app.uri+res.path)
            self.setData({
                images: imageArr
            })
            }).catch(function(err){
            console.error(err)
            })
      }

      //end
      }
    })
},


})


// getUserInfo();返回结果
// userInfo:{
//   avatarUrl:"http://wx.qlogo.cn/mmhead/Q3auHgzwzM7ejmgVyn1GmSv6EWv2TN0dwtwr5xNF3ZF6SmK7A6ZVeA/132"
//   city:"Haidian"
//   gender:1
//   nickName:"The Arrival"
//   province:"Beijing"
// }



**** Hidden Message *****

SJLM13 发表于 2017-1-10 22:09:29

66666666666

xlys 发表于 2017-1-10 23:18:17

xuexile xiexie

hanyaping 发表于 2017-1-11 00:32:20

学学一下

林君123 发表于 2017-2-14 02:09:56

怎么使用这些插件啊

′Acai 发表于 2017-2-14 13:17:59

啥也不说了，感谢楼主分享哇！

zcy529714 发表于 2017-2-14 18:21:57

珍惜生命，果断回帖。

dokidokido 发表于 2017-10-17 21:40:34

666666666666666666666666

saibear 发表于 2017-10-19 16:55:38

学习学习！66666666666666

kefan 发表于 2018-4-12 18:57:00

12312312:o

查看完整版本: 微信小程序学习用demo：瀑布流及登录后页面刷新