# dai-siki/vue-image-crop-upload

A beautiful vue component for image cropping and uploading. （vue图片剪裁上传组件）

Repository: https://github.com/dai-siki/vue-image-crop-upload
Canonical: https://ross.abutalabs.com/products/vue-image-crop-upload
Homepage: https://dai-siki.github.io/vue-image-crop-upload/example-2/demo.html
Language: JavaScript
License Family: other
Topics: vue, image-crop, file-upload, image-uploader, avatar
Last push: 2022-12-03T15:41:52+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3543, "days_push": 1369, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2079, forks 364 (observed 2026-08-28T04:06:11.473883+00:00)

## What it is
A Vue 2/3 component that provides an image cropping modal with preview and upload to a server endpoint. It is designed for desktop browsers and supports configurable output format, dimensions, language, and request headers.

## Use cases
- upload user avatar with cropping in a vue app
- crop profile pictures before uploading
- let users select and crop an image to fixed dimensions
- vue component for image crop and upload
- upload cropped png or jpg to server api

## When to choose
- you need a ready-made crop-and-upload modal for a Vue 2 or Vue 3 desktop web app
- you want configurable output size, format, and upload endpoint with minimal code

## When to avoid
- you are building a mobile-first interface (the component is not recommended for mobile)
- you need a framework-agnostic or React cropper
- you need active development or guaranteed long-term maintenance

## Facets
- artifact type: library
- maturity: maintenance
- function: file-upload, image-processing, ui-components
- domain: frontend, web-development
- platform: browser
- tags: vue, vue3, image-crop, avatar-upload, image-uploader, web-server, nodejs

## Member repositories
- dai-siki/vue-image-crop-upload (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:11.473883+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:56:03.892786+00:00, confidence not recorded.
  - readme: https://github.com/dai-siki/vue-image-crop-upload (fetched 2026-08-28T04:06:11.473883+00:00, sha be2dd1e73d37)
  - homepage: https://dai-siki.github.io/vue-image-crop-upload/example-2/demo.html (fetched 2026-08-29T10:36:26.921618+00:00, sha 853dc66b4b51)
  - registry_npm: https://registry.npmjs.org/vue-image-crop-upload (fetched 2026-08-29T10:36:26.931009+00:00, sha b5732c02bf49)
- Data as of 2026-08-30T08:39:29.467469+00:00.