Hawthorn-Api

# HtUpload 说明

HtUpload 自定义输入框组件，基于el-upload实现；
Author andy.ten@tom.com & xukaixing@hotmail.com

# 示例

上传图片:

    只能上传jpg/png格式文件，且不超过10MB
    共计：0 个文件，总大小：0.00 MB 上传文件 
    <template>
  <div>
    <span>上传图片:</span>
    <p/>
    <ht-upload :params="params" type="pic" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      tabPosition: 'left',
      params: { account: 'admin', bizPk: 123, folder: 'true@part.partphoto@date', isHoldName: 'false' }, // key:业务主键
      params1: { account: 'admin', bizPk: 123, folder: 'true@importTemplate', isHoldName: 'true' } // key:业务主键
    } 
  },
  methods:{
    handleCb(file, params) {
      console.log(file);
      console.log(params);
    }
  }
};
</script>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    Expand Copy
    上传文件:

    将文件拖到此处，或选取文件
    单个文件不超过10MB
      共计：0 个文件，总大小：0.00 MB 上传文件 
      <template>
  <div>
    <span>上传文件:</span>
    <p/>
    <ht-upload :params="params1" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      tabPosition: 'left',
      params: { account: 'admin', bizPk: 123, folder: 'true@part.partphoto@date', isHoldName: 'false' }, // key:业务主键
      params1: { account: 'admin', bizPk: 123, folder: 'true@importTemplate', isHoldName: 'true' } // key:业务主键
    } 
  },
  methods:{
    handleCb(file, params) {
      console.log(file);
      console.log(params);
    }
  }
};
</script>
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      Expand Copy

      # API

      # Upload Attributes

      参数 说明 类型 可选值 默认值
      file-list 已上传文件数组（预览或回显） Array — []
      upload-type 设置upload上传的业务类型(导入或上传) import / upload — upload
      type 设置上传附件的type属性 String pic / text text
      accept 接受上传的文件类型 String — .jpg, .jpeg, .png, .gif
      auto-upload 设置是否自动上传 Boolean true / false false
      drag 设置是否启用拖拽上传 Boolean true / false true
      limit 设置最大允许上传文件个数 Number — 20
      max-file-size 单个文件最大大小(单位：M) Number — 10
      params 上传附件参数 Object — —
      cb 设置上传成功后回调方法,
      参数：(file,param)      		 Function — —
      show-tip 设置是否显示上传tips
      （只能上传jpg/png格式文件，且不超过）      		 Boolean true / false true
      show-file-size 设置是否显示总文件大小tips
      （共计：个文件，总大小）      		 Boolean true / false true
      upload-text 设置上传按钮文字 String — 上传文件
      upload-text-disabled 设置是否显示上传按钮 Boolean true / false true

      # Upload Event

      方法名 说明 参数
      — — —

      # 版本

      • v1.2.8

      ← HtTree树形 →