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

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

阅读量：4085 次

发布时间：2019-05-25

本文共 3245 字，大约阅读时间需要 10 分钟。

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

代码示例：

[AppleScript]

纯文本查看

复制代码

                                     
/
*
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
:
 '
21232
f
297
a
57
a
5
a
743894
a
0
e
4
a
801
fc
3
'
              
}
            
}
;
            
/
/
上传操作
            
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
:
""
/
/
 city
:
"Haidian"
/
/
 gender
:
1
/
/
 nickName
:
"The Arrival"
/
/
 province
:
"Beijing"
/
/
 }
            
          