image.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. const sourceType = [['camera'], ['album'], ['camera', 'album']]
  2. const sizeType = [['compressed'], ['original'], ['compressed', 'original']]
  3. Page({
  4. onShareAppMessage() {
  5. return {
  6. title: '图片',
  7. path: 'packageAPI/pages/media/image/image'
  8. }
  9. },
  10. data: {
  11. theme: 'light',
  12. imageList: [],
  13. sourceTypeIndex: 2,
  14. sourceType: ['拍照', '相册', '拍照或相册'],
  15. sizeTypeIndex: 2,
  16. sizeType: ['压缩', '原图', '压缩或原图'],
  17. countIndex: 8,
  18. count: [1, 2, 3, 4, 5, 6, 7, 8, 9]
  19. },
  20. sourceTypeChange(e) {
  21. this.setData({
  22. sourceTypeIndex: e.detail.value
  23. })
  24. },
  25. sizeTypeChange(e) {
  26. this.setData({
  27. sizeTypeIndex: e.detail.value
  28. })
  29. },
  30. countChange(e) {
  31. this.setData({
  32. countIndex: e.detail.value
  33. })
  34. },
  35. chooseImage() {
  36. const that = this
  37. wx.chooseImage({
  38. sourceType: sourceType[this.data.sourceTypeIndex],
  39. sizeType: sizeType[this.data.sizeTypeIndex],
  40. count: this.data.count[this.data.countIndex],
  41. success(res) {
  42. console.log(res)
  43. that.setData({
  44. imageList: res.tempFilePaths
  45. })
  46. }
  47. })
  48. },
  49. previewImage(e) {
  50. const current = e.target.dataset.src
  51. wx.previewImage({
  52. current,
  53. urls: this.data.imageList
  54. })
  55. },
  56. onLoad() {
  57. this.setData({
  58. theme: wx.getSystemInfoSync().theme || 'light'
  59. })
  60. if (wx.onThemeChange) {
  61. wx.onThemeChange(({theme}) => {
  62. this.setData({theme})
  63. })
  64. }
  65. }
  66. })