npmpackage.info

Gathering detailed insights and metrics for vue-ele-upload-file

Other packages similar to vue-ele-upload-file

vue-ele-form-upload-file

0.0.7

vue-ele-form 的文件上传组件

diandi-ele-upload-file

1.0.7

对 element-ui upload 组件进一步封装, 使其更简单、易用

diandi-ele-form-upload-file

1.0.6

vue-ele-form 的文件上传组件

colipu-vue-ele-upload-file

0.0.4

对 element-ui upload 组件进一步封装, 使其更简单、易用

Gathering detailed insights and metrics for vue-ele-upload-file

vue-ele-upload-file - 0.0.7 | npmpackage.info

vue-ele-upload-file

使 element-ui upload 组件更简单、好用

0.0.7

MIT

Vue

67.56 kB

12,824 1.7

Installations

npm install vue-ele-upload-file

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.14.0

NPM Version

6.14.8 Pull Requests

Open

9

Total

15

Closed

2

Merged

4

Issues

Open

0

Total

1

Closed

1

Releases

Unable to fetch releases

Languages

Vue

JavaScript

HTML

Vue (80.97%)

JavaScript (15.04%)

HTML (3.99%)

Developer

dream2023

Download Statistics

Total Downloads

12,824

Last Day

Last Week

Last Month

Last Year

961

GitHub Statistics

MIT License

13 Stars

15 Commits

6 Forks

1 Watchers

10 Branches

1 Contributors

Updated on Jan 06, 2025

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

0.0.7

Package Id

vue-ele-upload-file@0.0.7

Unpacked Size

67.56 kB

Size

24.67 kB

File Count

NPM Version

6.14.8

Node Version

14.14.0

Total Downloads

Cumulative downloads

Total Downloads

12,824

Dependencies

ly-downloader pretty-bytes

Dev Dependencies

core-js vue @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/cli-service babel-eslint element-ui eslint eslint-plugin-vue vue-template-compiler

vue-ele-upload-file | 使 element-ui upload 组件更简单、好用

安装

1npm install vue-ele-upload-file --save

用法

1import EleUploadFile from "vue-ele-upload-file";
2
3export default {
4  components: {
5    EleUploadFile
6  }
7};

示例

简单用法

1<template>
2  <ele-upload-file
3    :responseFn="handleResponse"
4    action="https://jsonplaceholder.typicode.com/posts/"
5    v-model="file"
6  />
7</template>
8<script>
9  export default {
10    data() {
11      return {
12        file: []
13      };
14    },
15    methods: {
16      // 对请求结果处理, 返回对象
17      handleResponse(response, file) {
18        return {
19          url: URL.createObjectURL(file.raw),
20          name: file.name,
21          size: file.size
22        };
23      }
24    }
25  };
26</script>

增加属性

1<template>
2  <ele-upload-file
3    :disabled="false"
4    :file-type="['doc', 'pdf', 'png', 'jpeg', 'jpg']"
5    :fileSize="2"
6    :isCanDelete="true"
7    :isCanDownload="true"
8    :isCanUploadSame="true"
9    :isShowSize="true"
10    :isShowTip="true"
11    :limit="6"
12    :multiple="true"
13    :responseFn="handleResponse"
14    action="https://jsonplaceholder.typicode.com/posts/"
15    placeholder="上传附件"
16    v-model="file"
17  />
18</template>

Props 参数

1  props: {
2    // 值
3    value: [String, Object, Array],
4    // 必选参数，上传的地址
5    // 同 element-ui upload 组件
6    action: {
7      type: String,
8      required: true
9    },
10    // 大小限制(MB)
11    fileSize: Number,
12    // 响应处理函数
13    responseFn: Function,
14    // 文件类型, 例如['png', 'jpg', 'jpeg']
15    fileType: Array,
16    // 提示
17    placeholder: String,
18    // 是否禁用
19    disabled: Boolean,
20    // 是否显示文件大小
21    isShowSize: {
22      type: Boolean,
23      default: true
24    },
25    // 是否显示下载
26    isCanDownload: {
27      type: Boolean,
28      default: true
29    },
30    // 是否可删除
31    isCanDelete: {
32      type: Boolean,
33      default: true
34    },
35    // 是否可上传相同文件
36    isCanUploadSame: {
37      type: Boolean,
38      default: true
39    },
40    // 是否显示提示
41    isShowTip: {
42      type: Boolean,
43      default: true
44    },
45    // 是否显示上传成功的提示
46    isShowSuccessTip: {
47      type: Boolean,
48      default: true
49    },
50    // 删除前的操作
51    // 同 element-ui upload 组件
52    beforeRemove: Function
53    // 设置上传的请求头部
54    // 同 element-ui upload 组件
55    headers: Object,
56    // 是否支持多选文件
57    // 同 element-ui upload 组件
58    multiple: {
59      type: Boolean,
60      default: true
61    },
62    // 上传时附带的额外参数
63    // 同 element-ui upload 组件
64    data: Object,
65    // 上传的文件字段名
66    // 同 element-ui upload 组件
67    name: {
68      type: String,
69      default: 'file'
70    },
71    // 支持发送 cookie 凭证信息
72    // 同 element-ui upload 组件
73    withCredentials: {
74      type: Boolean,
75      default: false
76    },
77    // 接受上传的文件类型
78    // 同 element-ui upload 组件
79    accept: String,
80    // 最大允许上传个数
81    // 同 element-ui upload 组件
82    limit: Number
83  },

事件

事件名称	说明	回调参数
remove	当文件被删除时触发	(file, fileList)
success	文件上传成功时触发	(file, fileList)
error	上传失败时触发	(error)

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

116 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-vfrc-7r7c-w9mx
Warn: Project is vulnerable to: GHSA-7wwv-vh3v-89cq
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj
Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp
Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-c9g6-9335-x697
Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-29xr-v42j-r956
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.7

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vue-ele-upload-file

Other packages similar to vue-ele-upload-file

vue-ele-upload-file

Installations

Developer Guide

No

CommonJS

14.14.0

6.14.8

Pull Requests

9

15

2

4

Issues

0

1

1

Releases

Unable to fetch releases

Languages

Developer

dream2023

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

12,824

Dependencies

Dev Dependencies

vue-ele-upload-file | 使 element-ui upload 组件更简单、好用

安装

用法

示例

简单用法

增加属性

Props 参数

事件

相关链接

10

10

0

0

0

0

0

0

0

0

1.7

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads