feedback.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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. that.setData({
  37. //将临时变量赋值给已经在data中定义好的变量
  38. avatarUrl:imgArrNow
  39. })
  40. that.chooseViewShowBanner();
  41. },
  42. fail: function(res) {
  43. // fail
  44. },
  45. complete: function(res) {
  46. // complete
  47. }
  48. })
  49. } else {
  50. wx.showToast({
  51. title: '最多添加4张图片',
  52. icon: 'none',
  53. duration: 1500
  54. })
  55. }
  56. },
  57. /** 删除图片Banner */
  58. deleteImvBanner: function(e) {
  59. var avatarUrl = this.data.avatarUrl;
  60. var itemIndex = e.currentTarget.dataset.id;
  61. avatarUrl.splice(itemIndex, 1);
  62. this.setData({
  63. avatarUrl: avatarUrl
  64. })
  65. //判断是否隐藏选择图片
  66. this.chooseViewShowBanner();
  67. },
  68. /** 是否隐藏图片选择Banner*/
  69. chooseViewShowBanner: function() {
  70. if (this.data.avatarUrl.length >= 4) {
  71. this.setData({
  72. chooseViewShowBanner: false
  73. })
  74. } else {
  75. this.setData({
  76. chooseViewShowBanner: true
  77. })
  78. }
  79. },
  80. /** 图片预览 */
  81. previewImage: function(e){
  82. var that = this,
  83. //获取当前图片的下标
  84. index = e.currentTarget.dataset.index,
  85. //数据源
  86. avatarUrl = this.data.avatarUrl;
  87. wx.previewImage({
  88. //当前显示下标
  89. current: avatarUrl[index],
  90. //数据源
  91. urls: avatarUrl
  92. })
  93. },
  94. /**
  95. * 生命周期函数--监听页面加载
  96. */
  97. onLoad: function (options) {
  98. },
  99. /**
  100. * 生命周期函数--监听页面初次渲染完成
  101. */
  102. onReady: function () {
  103. },
  104. /**
  105. * 生命周期函数--监听页面显示
  106. */
  107. onShow: function () {
  108. },
  109. /**
  110. * 生命周期函数--监听页面隐藏
  111. */
  112. onHide: function () {
  113. },
  114. /**
  115. * 生命周期函数--监听页面卸载
  116. */
  117. onUnload: function () {
  118. },
  119. /**
  120. * 页面相关事件处理函数--监听用户下拉动作
  121. */
  122. onPullDownRefresh: function () {
  123. },
  124. /**
  125. * 页面上拉触底事件的处理函数
  126. */
  127. onReachBottom: function () {
  128. },
  129. /**
  130. * 用户点击右上角分享
  131. */
  132. onShareAppMessage: function () {
  133. }
  134. })