当前位置: 首页 > article >正文

Vue 上传图片前 裁剪图片

一. 使用的技术

vue-cropper

文档:vue-cropper | A simple picture clipping plugin for vue

二. 安装

npm install vue-cropper  或  yarn add vue-cropper

三. 引入

在使用页面中引用

import { VueCropper } from 'vue-cropper';

四. 使用

配置项: 

五. 小结

这个可以结合element 上传组件使用 在上传图片选择之后 拿到文件的url地址base64blob 赋值给vue-cropper. 弹出截图组件,截取完之后可以拿到图片的数据。然后在赋值给上传组件。


http://www.kler.cn/a/354735.html

相关文章:

  • 请问医药销售智能仓系统包含哪些功能流程?
  • shell将数据导出为csv
  • opencv学习:使用OpenCV进行图像中四边形区域的透视变换和答案评分完整代码实现
  • iOS 大数相加
  • 企业为什么要做风险评估,做完风险评估对我们有什么好处?
  • Qt通过QProcess调用第三方进程
  • 每一款桌面应用都是超级Web浏览器(一)
  • 宏基因组分析软件
  • 热更新解决方案2 —— Lua语法相关知识点
  • spring boot项目日志怎么加?
  • 腾讯六宫格本地识别,本地模型识别,腾讯六图识别
  • ElasticSearch简称ES基础语法使用大全
  • 第11章 索引(postgresql v17)
  • 常用镜像链接
  • Oracle DECODE 丢失时间精度的原因与解决方案
  • 三握四挥的依次顺序到底是什么呢?
  • Redis 哨兵模式下DB库操作审计
  • 你认为BI不需要建模,那就大错特错了
  • 气膜展览馆——汽车展览的新选择—轻空间
  • 【原创】java+ssm+mysql小区物业管理系统设计与实现