feedback.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. // pages/welfareMall/feedback/feedback.js
  2. Page({
  3. /**
  4. * 页面的初始数据
  5. */
  6. data: {
  7. t_length: 0,
  8. avatarUrl: [],
  9. chooseViewShowBanner: true
  10. },
  11. bindText: function (e) {
  12. var t_text = e.detail.value.length;
  13. // console.log(t_text)
  14. this.setData({
  15. t_length: t_text
  16. })
  17. },
  18. /** 图片选择 */
  19. bindViewTap: function(){
  20. var that = this;
  21. if(this.data.avatarUrl.length < 4){
  22. wx.chooseImage({
  23. // 设置最多可以选择的图片张数,默认9,如果我们设置了多张,那么接收时//就不在是单个变量了,
  24. count: 4,
  25. sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
  26. sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
  27. success: function(res){
  28. // 获取成功,将获取到的地址赋值给临时变量
  29. console.log(res.tempFilePaths);
  30. if (res.tempFilePaths.count == 0) {
  31. return;
  32. }
  33. //上传图片
  34. var imgArrNow = that.data.avatarUrl;
  35. imgArrNow = imgArrNow.concat(res.tempFilePaths);
  36. if(that.data.avatarUrl.length +res.tempFilePaths.length > 4){
  37. wx.showToast({
  38. title: '最多添加4张图片',
  39. icon: 'none',
  40. duration: 1500
  41. })
  42. return
  43. }
  44. that.setData({
  45. //将临时变量赋值给已经在data中定义好的变量
  46. avatarUrl:imgArrNow
  47. })
  48. that.chooseViewShowBanner();
  49. },
  50. fail: function(res) {
  51. // fail
  52. },
  53. complete: function(res) {
  54. // complete
  55. }
  56. })
  57. } else {
  58. wx.showToast({
  59. title: '最多添加4张图片',
  60. icon: 'none',
  61. duration: 1500
  62. })
  63. }
  64. },
  65. /** 删除图片Banner */
  66. deleteImvBanner: function(e) {
  67. var avatarUrl = this.data.avatarUrl;
  68. var itemIndex = e.currentTarget.dataset.id;
  69. avatarUrl.splice(itemIndex, 1);
  70. this.setData({
  71. avatarUrl: avatarUrl
  72. })
  73. //判断是否隐藏选择图片
  74. this.chooseViewShowBanner();
  75. },
  76. /** 是否隐藏图片选择Banner*/
  77. chooseViewShowBanner: function() {
  78. if (this.data.avatarUrl.length >= 4) {
  79. this.setData({
  80. chooseViewShowBanner: false
  81. })
  82. } else {
  83. this.setData({
  84. chooseViewShowBanner: true
  85. })
  86. }
  87. },
  88. /** 图片预览 */
  89. previewImage: function(e){
  90. var that = this,
  91. //获取当前图片的下标
  92. index = e.currentTarget.dataset.index,
  93. //数据源
  94. avatarUrl = this.data.avatarUrl;
  95. wx.previewImage({
  96. //当前显示下标
  97. current: avatarUrl[index],
  98. //数据源
  99. urls: avatarUrl
  100. })
  101. },
  102. /**
  103. * 生命周期函数--监听页面加载
  104. */
  105. onLoad: function (options) {
  106. },
  107. /**
  108. * 生命周期函数--监听页面初次渲染完成
  109. */
  110. onReady: function () {
  111. },
  112. /**
  113. * 生命周期函数--监听页面显示
  114. */
  115. onShow: function () {
  116. },
  117. /**
  118. * 生命周期函数--监听页面隐藏
  119. */
  120. onHide: function () {
  121. },
  122. /**
  123. * 生命周期函数--监听页面卸载
  124. */
  125. onUnload: function () {
  126. },
  127. /**
  128. * 页面相关事件处理函数--监听用户下拉动作
  129. */
  130. onPullDownRefresh: function () {
  131. },
  132. /**
  133. * 页面上拉触底事件的处理函数
  134. */
  135. onReachBottom: function () {
  136. },
  137. /**
  138. * 用户点击右上角分享
  139. */
  140. onShareAppMessage: function () {
  141. }
  142. })