更新记录

1.0.3（2021-07-29） 下载此版本

1.修改接受上传的文件类型限制 2.修复图片重新上传方法调用失败

1.0.2（2021-07-28） 下载此版本

修复formData传参无效

1.0.1（2021-07-28） 下载此版本

增加图片自定义渲染插槽

平台兼容性

使用说明

拷贝该组件到 components 目录下之后 在 script 中引用组件

import hjbUpload from "@/components/hjb-upload/hjb-upload.vue";
export default {
  components: { hjbUpload },
};

在 template 中使用组件：

<template>
  <hjb-upload
    ref="upload"
    name="file"
    action="/upload"
    :headers="headers"
    :limit="10"
    :file-list="fileList"
    :on-change="uploadChange"
  >
    <!-- 自定义渲染可选 -->
    <image slot-scope="{item,index}" :src="item.url" />
  </hjb-upload>
</template>
<script>
  export default {
    data() {
      return {
        headers: {
          token: "xxx",
        },
        fileList: [{ url: "http://xxx.png" }],
      };
    },
    methods: {
      uploadChange(file, fileList) {},
    },
  };
</script>

组件参数说明