npminstallvue-image-crop-upload 使用 <template>设置头像<my-uploadfield="img"@crop-success="cropSuccess"@crop-upload-success="cropUploadSuccess"@crop-upload-fail="cropUploadFail"v-model="show":width="300":height="200"url="":params="params":headers="headers":noCircle="true":preview="'图形...
vue-image-crop-upload使用记录 vue-image-crop-upload使⽤记录 关于vue-image-crop-upload vue-image-crop-upload是⼀款将上传图⽚，然后再对图⽚进⾏剪裁的插件。更多的是⽹站的上传头像，调整头像的功能。该组件适⽤于pc端，不推荐⼿机端使⽤。插件实现：1、⽆法选定具体区域 2、进度条控制...
img-format="png"></my-upload>//最终得到的图片格式import 'babel-polyfill'; // es6 shim import Vue from 'vue'; import myUpload from 'vue-image-crop-upload/upload-1.vue'; new Vue({ el: '#app', data: { show: true, params: { token: '123456798', name: 'avatar' }, headers: { ...
importmyUpload from"vue-image-crop-upload";export default{data(){return{avatar:"",show:false}},components:{"my-upload":myUpload},methods:{toggleShow(){this.show=!this.show;},cropSuccess(imgDataUrl){// imgDataUrl其实就是经过base64转码过的图片this.avatar=imgDataUrl;}}}...
首先在你的node_modules文件里找到vue-image-crop-upload文件夹把upload-3.vue文件替换成下面的,复制全部替换即可 <template>
A beautiful vue component for image crop and upload. (vue图片剪裁上传组件). Notice: This component is designed for pc,not recommended for use on the mobile side.(该组件适用于pc端,不推荐手机端使用) 中文文档在后面 Change log @2.1.0