瀑布流及登录后页面刷新

瀑布流及登录后页面刷新

2021-03-13
¥ 0 终身VIP免费 升级终身VIP
下载不了?请联系网站客服提交链接错误!
增值服务: 安装指导 环境配置 二次开发 网站建设 模板修改 源码安装 LOGO设计 图片设计
瀑布流及登录后页面刷新
最近更新 2021年03月13日
资源编号 13903

瀑布流及登录后页面刷新

郑重承诺丨总裁主题提供安全交易、信息保真!
增值服务:
安装指导
环境配置
二次开发
网站建设
模板修改
源码安装
¥ 0 (终身VIP免费 升级终身VIP开通VIP尊享优惠特权
立即下载 升级会员 最新活动
详情介绍

瀑布流及登录后页面刷新

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

瀑布流及登录后页面刷新

代码示例:

  1. /*my.js*/
  2. “user strict”;
  3. var app = getApp();
  4. Page({
  5.   data:{
  6.     // text:”这是一个页面”
  7.     uinfo:{},
  8.     source:”,
  9.     images:[]
  10.   },
  11.   // 上传图片
  12.   bindUploadHeader: function(){
  13.     var self = this;
  14.     wx.chooseImage({
  15.       count: 1, // 默认9
  16.       sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有
  17.       sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有
  18.       success: function(res) {
  19.         var tempFilePaths = res.tempFilePaths
  20.         //及时预览
  21.         self.setData({
  22.           source:tempFilePaths[0]
  23.         })
  24.         wx.uploadFile({
  25.           url: ‘http://www.kunyujie.com/myself/test/imageUpload?name=admin&passwd=admin’,
  26.           filePath: tempFilePaths[0],
  27.           name: ‘file’,
  28.           header: {
  29.               “Content-Type”: “multipart/form-data”
  30.           },
  31.           success:function(suc){
  32.             var data = JSON.parse(suc.data);
  33.             self.setData({
  34.               source:’http://www.kunyujie.com/myself/’+data.path
  35.             })
  36.           },
  37.           fail: function(err){
  38.             console.log(err)
  39.           },
  40.           complete:function(all){
  41.             //console.log(all)
  42.           }
  43.         })
  44.       }
  45.     })
  46.   },
  47.   // 上传图片
  48.   bindUploadHeader: function(){
  49.     var self = this;
  50.     wx.chooseImage({
  51.       count: 1, // 默认9
  52.       sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有
  53.       sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有
  54.       success: function(res) {
  55.         var tempFilePaths = res.tempFilePaths;
  56.         var param ={
  57.               filePath:tempFilePaths[0],
  58.               name:’file’,
  59.               formData:{}
  60.             };
  61.         app.api.imageUpload(‘test/imageUpload?name=admin&passwd=admin’,param)
  62.         .then(function(res){
  63.           var res = JSON.parse(res);
  64.           self.setData({
  65.             source:app.uri+res.path
  66.           })
  67.         }).catch(function(err){
  68.           console.error(err)
  69.         })
  70.         //end
  71.       }
  72.     })
  73.   },
  74.   // 上传图片
  75.   bindUploadHeader: function(){
  76.     var self = this;
  77.     wx.chooseImage({
  78.       count: 2, // 默认9
  79.       sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有
  80.       sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有
  81.       success: function(res) {
  82.         //批量图片上传
  83.         var imageArr = [], tempFilePaths = res.tempFilePaths;
  84.         for(var i=0,len=tempFilePaths.length; i<len; i++){
  85.           var param ={
  86.               filePath:tempFilePaths[i],
  87.               name:’file’,
  88.               formData:{
  89.                 name: ‘admin’,
  90.                 passwd: ‘21232f297a57a5a743894a0e4a801fc3’
  91.               }
  92.             };
  93.             //上传操作
  94.             app.api.imageUpload(‘test/imageUpload’,param)
  95.             .then(function(res){
  96.               var res = JSON.parse(res)
  97.               imageArr.push(app.uri+res.path)
  98.               self.setData({
  99.                 images: imageArr
  100.               })
  101.             }).catch(function(err){
  102.               console.error(err)
  103.             })
  104.         }
  105.         //end
  106.       }
  107.     })
  108.   },
  109. })
  110. // getUserInfo();返回结果
  111. // userInfo:{
  112. //   avatarUrl:”http://wx.qlogo.cn/mmhead/Q3auHgzwzM7ejmgVyn1GmSv6EWv2TN0dwtwr5xNF3ZF6SmK7A6ZVeA/132″
  113. //   city:”Haidian”
  114. //   gender:1
  115. //   nickName:”The Arrival”
  116. //   province:”Beijing”
  117. // }

复制代码

 

资源下载此资源仅限注册用户下载,请先
客服QQ:3482249445
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

小程序网 小程序 瀑布流及登录后页面刷新 https://www.10000ii.com/13903.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

瀑布流及登录后页面刷新-海报

分享本文封面