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

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

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

[mw_shl_code=html,true]/*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,
            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"
// }[/mw_shl_code]

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

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：瀑布流及登录后页面刷新

本帖子中包含更多资源