微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4605|回复: 14

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

  [复制链接]
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    发表于 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"
    // }




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

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2017-1-10 21:49
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    4

    帖子

    30

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-10 22:09:29 | 显示全部楼层
    66666666666

    该用户从未签到

    0

    主题

    2

    帖子

    22

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-10 23:18:17 | 显示全部楼层
    xuexile xiexie

    该用户从未签到

    0

    主题

    1

    帖子

    21

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-1-11 00:32:20 | 显示全部楼层
    学学一下
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    129

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-2-14 02:09:56 | 显示全部楼层
    怎么使用这些插件啊

    该用户从未签到

    0

    主题

    24

    帖子

    250

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-2-14 13:17:59 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!

    该用户从未签到

    0

    主题

    13

    帖子

    89

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-2-14 18:21:57 | 显示全部楼层
    珍惜生命,果断回帖。

    该用户从未签到

    0

    主题

    3

    帖子

    17

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-10-17 21:40:34 | 显示全部楼层
    666666666666666666666666

    该用户从未签到

    0

    主题

    50

    帖子

    171

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-10-19 16:55:38 | 显示全部楼层
    学习学习!66666666666666

    该用户从未签到

    0

    主题

    2

    帖子

    14

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-4-12 18:57:00 | 显示全部楼层
    12312312
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-21 14:07 , Processed in 0.171714 second(s), 47 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表