twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-21 14:13:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update

Browse Source
This commit is contained in:
xiaoxian521
2022-08-11 20:32:55 +08:00
parent 5f1466b574
commit 243c8f71a7
19 changed files with 200 additions and 2766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/components/cropping/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref, nextTick, getCurrentInstance } from "vue";
import { ref, nextTick } from "vue";
import Cropper from "/@/components/ReCropper";
import img from "./picture.jpeg";
@@ -7,20 +7,17 @@ defineOptions({
name: "Cropping"
});
let refCropper = ref();
let info = ref<object>(null);
let cropperImg = ref<string>("");
const instance = getCurrentInstance();
const onCropper = (): void => {
nextTick(() => {
// @ts-expect-error
instance.refs.refCropper.cropper.getCroppedCanvas().toBlob(blob => {
refCropper.value.cropper.getCroppedCanvas().toBlob(blob => {
let fileReader: FileReader = new FileReader();
fileReader.onloadend = (e: ProgressEvent) => {
// @ts-ignore
cropperImg.value = e.target.result;
// @ts-expect-error
info.value = instance.refs.refCropper.cropper.getData();
cropperImg.value = (e.target as any).result;
info.value = refCropper.value.cropper.getData();
};
fileReader.readAsDataURL(blob);
}, "image/jpeg");