uploader.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. Page({
  2. data: {
  3. files: [{
  4. url: 'http://mmbiz.qpic.cn/mmbiz_png/VUIF3v9blLsicfV8ysC76e9fZzWgy8YJ2bQO58p43Lib8ncGXmuyibLY7O3hia8sWv25KCibQb7MbJW3Q7xibNzfRN7A/0',
  5. }]
  6. },
  7. onLoad() {
  8. this.setData({
  9. selectFile: this.selectFile.bind(this),
  10. uplaodFile: this.uplaodFile.bind(this)
  11. })
  12. },
  13. chooseImage: function (e) {
  14. var that = this;
  15. wx.chooseImage({
  16. sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  17. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  18. success: function (res) {
  19. // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
  20. that.setData({
  21. files: that.data.files.concat(res.tempFilePaths)
  22. });
  23. }
  24. })
  25. },
  26. previewImage: function(e){
  27. wx.previewImage({
  28. current: e.currentTarget.id, // 当前显示图片的http链接
  29. urls: this.data.files // 需要预览的图片http链接列表
  30. })
  31. },
  32. selectFile(files) {
  33. console.log('files', files)
  34. // 返回false可以阻止某次文件上传
  35. },
  36. uplaodFile(files) {
  37. console.log('upload files', files)
  38. // 文件上传的函数,返回一个promise
  39. return new Promise((resolve, reject) => {
  40. setTimeout(() => {
  41. reject('some error')
  42. }, 1000)
  43. })
  44. },
  45. uploadError(e) {
  46. console.log('upload error', e.detail)
  47. },
  48. uploadSuccess(e) {
  49. console.log('upload success', e.detail)
  50. }
  51. });