页面基于vue开发,使用vant控件van-uploader上传图片。 因控件位于多重list中,为方便上传图片后保存url,需要传递位置信息(也可循环file文件获取位置,比较繁琐)。 图片展示如下: van-upload.jpg vue版本: "dependencies":{"axios":"^0.19.2","core-js":"^3.6.4","dingtalk-jsapi":"^2.10.3","mockjs":"^1....
import { VueCropper } from "vue-cropper"; export default { data() { return { tempArr:[], headImg:'', //剪切图片上传 crap: false, previews: {}, option: { img: '', outputSize:1, //剪切后的图片质量(0.1-1) full: false,//输出原图比例截图 props名full outputType: 'png', canMove...
一起来学(ToLearn),一个前后端分离的用户匹配系统,前端使用Vite + Vue3 + Vant4,后端使用SpringBoot 2.7+Mybatis-plus,使用WebSocket实现实时通信,并结合阿里云SDK + 七牛云SDK完成短信发送和图片上传。本项目使用 Apache License Version 2.0 开源协议。