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

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

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

[HTML] 纯文本查看 复制代码

/*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[0]
        })
        wx.uploadFile({
          url: 'http://www.kunyujie.com/myself/test/imageUpload?name=admin&passwd=admin',
          filePath: tempFilePaths[0],
          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[0],
              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[i],
              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"
// }

游客，如果您要查看本帖隐藏内容请回复

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

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源