dk-uploader.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*******************************************************************************
  2. * Copyright(c) 2022 dongke All rights reserved. / Confidential
  3. * 类的信息:
  4. * 1.程序名称:
  5. * 2.功能描述:组件-上传文件组件
  6. * 编辑履历:
  7. * 作者 日期 版本 修改内容
  8. * admin 2022-11-17 1.00 新建
  9. *******************************************************************************/
  10. Component({
  11. /**
  12. * 组件的属性列表
  13. */
  14. properties: {
  15. style:String,//样式
  16. // 接受的文件类型, 可选值为all media image file video
  17. accept:{
  18. type:String,
  19. value:'image'
  20. },
  21. // 为一个对象数组,数组中的每一个对象包含以下 key。
  22. fileList:Array,
  23. // 是否禁用文件上传
  24. disabled:Boolean,
  25. // 是否展示删除按钮
  26. deletable:{
  27. type:Boolean,
  28. value:true
  29. },
  30. // 文件大小限制,单位为byte
  31. maxSize:Number,
  32. // 上传区域文字提示
  33. uploadText:String,
  34. // 预览图裁剪模式,可选值参考小程序image组件的mode属性
  35. imageFit:{
  36. type:String,
  37. value:'aspectFit'
  38. },
  39. // 是否开启文件读取前事件
  40. useBeforeRead:Boolean,
  41. // 当 accept 为 video 时生效,可选值为 back front
  42. camera:String,
  43. // 当 accept 为 video 时生效,是否压缩视频,默认为true
  44. compressed:Boolean,
  45. // accept 为 video 时生效,拍摄视频最长拍摄时间,单位秒
  46. maxDuration:Number,
  47. // 是否展示文件上传按钮
  48. showUpload:{
  49. type:Boolean,
  50. value:true
  51. }
  52. },
  53. /**
  54. * 组件的初始数据
  55. */
  56. data: {
  57. },
  58. /**
  59. * 组件的方法列表
  60. */
  61. methods: {
  62. onBeforeRead(e){
  63. this.triggerEvent("beforeRead",e)
  64. },
  65. onAfterRead(e){
  66. this.triggerEvent("afterRead",e)
  67. },
  68. onDelete(e){
  69. this.triggerEvent("delete",e)
  70. },
  71. }
  72. })