props.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. export default {
  2. props: {
  3. // 接受的文件类型, 可选值为all media image file video
  4. accept: {
  5. type: String,
  6. default: uni.$u.props.upload.accept
  7. },
  8. // 图片或视频拾取模式,当accept为image类型时设置capture可选额外camera可以直接调起摄像头
  9. capture: {
  10. type: [String, Array],
  11. default: uni.$u.props.upload.capture
  12. },
  13. // 当accept为video时生效,是否压缩视频,默认为true
  14. compressed: {
  15. type: Boolean,
  16. default: uni.$u.props.upload.compressed
  17. },
  18. diyAlignItems: {
  19. type: String,
  20. default: uni.$u.props.upload.diyAlignItems
  21. },
  22. // 当accept为video时生效,可选值为back或front
  23. camera: {
  24. type: String,
  25. default: uni.$u.props.upload.camera
  26. },
  27. // 当accept为video时生效,拍摄视频最长拍摄时间,单位秒
  28. maxDuration: {
  29. type: Number,
  30. default: uni.$u.props.upload.maxDuration
  31. },
  32. // 上传区域的图标,只能内置图标
  33. uploadIcon: {
  34. type: String,
  35. default: uni.$u.props.upload.uploadIcon
  36. },
  37. // 上传区域的图标的颜色,默认
  38. uploadIconColor: {
  39. type: String,
  40. default: uni.$u.props.upload.uploadIconColor
  41. },
  42. // 是否开启文件读取前事件
  43. useBeforeRead: {
  44. type: Boolean,
  45. default: uni.$u.props.upload.useBeforeRead
  46. },
  47. // 读取后的处理函数
  48. afterRead: {
  49. type: Function,
  50. default: null
  51. },
  52. // 读取前的处理函数
  53. beforeRead: {
  54. type: Function,
  55. default: null
  56. },
  57. // 是否显示组件自带的图片预览功能
  58. previewFullImage: {
  59. type: Boolean,
  60. default: uni.$u.props.upload.previewFullImage
  61. },
  62. // 最大上传数量
  63. maxCount: {
  64. type: [String, Number],
  65. default: uni.$u.props.upload.maxCount
  66. },
  67. // 是否启用
  68. disabled: {
  69. type: Boolean,
  70. default: uni.$u.props.upload.disabled
  71. },
  72. // 预览上传的图片时的裁剪模式,和image组件mode属性一致
  73. imageMode: {
  74. type: String,
  75. default: uni.$u.props.upload.imageMode
  76. },
  77. // 标识符,可以在回调函数的第二项参数中获取
  78. name: {
  79. type: String,
  80. default: uni.$u.props.upload.name
  81. },
  82. // 所选的图片的尺寸, 可选值为original compressed
  83. sizeType: {
  84. type: Array,
  85. default: uni.$u.props.upload.sizeType
  86. },
  87. // 是否开启图片多选,部分安卓机型不支持
  88. multiple: {
  89. type: Boolean,
  90. default: uni.$u.props.upload.multiple
  91. },
  92. // 是否展示删除按钮
  93. deletable: {
  94. type: Boolean,
  95. default: uni.$u.props.upload.deletable
  96. },
  97. // 文件大小限制,单位为byte
  98. maxSize: {
  99. type: [String, Number],
  100. default: uni.$u.props.upload.maxSize
  101. },
  102. // 显示已上传的文件列表
  103. fileList: {
  104. type: Array,
  105. default: uni.$u.props.upload.fileList
  106. },
  107. // 上传区域的提示文字
  108. uploadText: {
  109. type: String,
  110. default: uni.$u.props.upload.uploadText
  111. },
  112. // 内部预览图片区域和选择图片按钮的区域宽度
  113. width: {
  114. type: [String, Number],
  115. default: uni.$u.props.upload.width
  116. },
  117. // 内部预览图片区域和选择图片按钮的区域高度
  118. height: {
  119. type: [String, Number],
  120. default: uni.$u.props.upload.height
  121. },
  122. // 是否在上传完成后展示预览图
  123. previewImage: {
  124. type: Boolean,
  125. default: uni.$u.props.upload.previewImage
  126. }
  127. }
  128. }