Gathering detailed insights and metrics for vue-img-inputer
Gathering detailed insights and metrics for vue-img-inputer
Gathering detailed insights and metrics for vue-img-inputer
Gathering detailed insights and metrics for vue-img-inputer
npm install vue-img-inputer
Typescript
Module System
Min. Node Version
Node Version
NPM Version
Vue (61.99%)
CSS (27.8%)
JavaScript (10.21%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
565 Stars
56 Commits
125 Forks
22 Watchers
2 Branches
3 Contributors
Updated on Jul 02, 2025
Latest Version
2.1.6
Package Id
vue-img-inputer@2.1.6
Unpacked Size
79.51 kB
Size
16.34 kB
File Count
9
NPM Version
6.7.0
Node Version
11.14.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
点击查看中文文档 | Have a glance at Demo
<input type="file" />
like, only support single image<img />
as well
1npm install vue-img-inputer
1import ImgInputer from 'vue-img-inputer' 2import 'vue-img-inputer/dist/index.css' 3 4Vue.component('ImgInputer', ImgInputer)
1<img-inputer v-model="file" theme="light" size="large"/>
Auto upload
relatedauto-upload
: Boolean
set to enable auto-upload
action
: String
request URL
upload-key
: String
default: file
key name in form-data
extra-data
: Object
extra data been appended in request's form-data
headers
: Object
additional headers of request
with-cookie
: Boolean
whether cookies will been sent
on-start
: Function
params: func ( file )
hook function when upload start
on-progress
: Function
params: func ( event, file )
hook function when uploading, get progress by event.percent
on-success
: Function
params: func ( res, file )
hook function when upload success, res
is response from server
on-error
: Function
params: func ( err, file )
hook function when upload failed
Input tag
relatedaccept
: String
default: image/*,video/*;
suggest to set a specific value like image/jpg,image/gif;
for wildcard will lead to a serious delay
placeholder
: String
default: Drop file here or click
id
: String
default: random string in 4 length
id of input tag
readonly
: Boolean
capture
: Boolean
default: false
whether use camera directly in mobile
max-size
: Number
default: 5120
max-size of image (KB)
name
: Boolean
name of input tag
any input's attribute
any input's original attributes set on component will be inherited by inner input tag
UI
relatedimg-src
: String
image resource let component behavior like <img />
theme
: String
default: material
two themes optional (light / material)
size
: String
small / normal / large
icon
: String
clip / img / img2
ali-icon
: String
if you use iconfont.cn, set unicode of any icon to custom
no-mask
: Boolean
remove mask when hover
no-hover-effect
: Boolean
remove all hover effect (include text) when hover
bottom-text
: String
default: Drop file here or click to change
text in the bottom when hover
no-multiple-text
: String
default: Not support multiple files
visible only the state is readonly
, cover bottom-text
exceed-size-text
: String
default: The size of file should less than: ${maxSize}
visible only the state is readonly
, cover bottom-text
no-action-text
: String
default: Action hasn't set up yet
visible only the state is readonly
, cover bottom-text
readonly-tip-text
: String
default: Readonly
visible only the state is readonly
, cover bottom-text
Events
onChange
: Function
params: func ( file, fileName )
hook function when file selected
onExceed
: Function
params: func ( file )
hook function when file exceed max-size
Methods
reset
img-src
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 2/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
license file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Score
Last Scanned on 2025-06-30
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