vue-filepond icon indicating copy to clipboard operation
vue-filepond copied to clipboard

edit image does not worked in vue[Bug]

Open rezaansarirad opened this issue 2 years ago • 1 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Have you updated Vue FilePond, FilePond, and all plugins?

  • [X] I have updated FilePond and its plugins

Describe the bug

import Vue from "vue";

import "filepond/dist/filepond.min.css"; import "filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css"; import "filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css";

import VueFilePond from "vue-filepond"; import FilePondPluginFileValidateType from "filepond-plugin-file-validate-type";

import FilePondPluginImagePreview from "filepond-plugin-image-preview";

import FilePondPluginImageEdit from "filepond-plugin-image-edit"; import FilePondPluginImageResize from "filepond-plugin-image-resize";

import FilePondPluginImageCrop from "filepond-plugin-image-crop";

import FilePondPluginImageTransform from "filepond-plugin-image-transform"; import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation'; const FilePond = VueFilePond( FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginImageResize, FilePondPluginImageCrop, FilePondPluginImageTransform, FilePondPluginImageExifOrientation );

Vue.component(FilePond);

Reproduction

i used them: <file-pond ref="fileupload" style="width: 100%" :server="filePondOption" allow-multiple="true" max-files="5" labelFileTypeNotAllowed="File format is not acceptable" fileValidateTypeLabelExpectedTypes="Authorized format {allButLastType} or {lastType}" labelMaxFileSizeExceeded="Photo size must be 150 KB" maxFileSize="150kB" label-idle="Drag & Drop Attachment or Browser " class="filepond" allowImageResize="true" :image-edit-editor="editor" accepted-file-types="image/jpeg, image/png" />

Environment

- Device: laptop
- OS: mac
- Broser: chrome
- Vue version: nuxt2

rezaansarirad avatar Oct 13 '23 10:10 rezaansarirad

See: https://github.com/pqina/pintura-example-vue-3

On Friday, October 13, 2023, rezaansarirad @.***> wrote:

Is there an existing issue for this?

  • I have searched the existing issues

Have you updated Vue FilePond, FilePond, and all plugins?

  • I have updated FilePond and its plugins

Describe the bug

import Vue from "vue";

import "filepond/dist/filepond.min.css"; import "filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css"; import "filepond-plugin-image-preview/dist/filepond-plugin- image-preview.min.css";

import VueFilePond from "vue-filepond"; import FilePondPluginFileValidateType from "filepond-plugin-file- validate-type";

import FilePondPluginImagePreview from "filepond-plugin-image-preview";

import FilePondPluginImageEdit from "filepond-plugin-image-edit"; import FilePondPluginImageResize from "filepond-plugin-image-resize";

import FilePondPluginImageCrop from "filepond-plugin-image-crop";

import FilePondPluginImageTransform from "filepond-plugin-image- transform"; import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation'; const FilePond = VueFilePond( FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginImageResize, FilePondPluginImageCrop, FilePondPluginImageTransform, FilePondPluginImageExifOrientation );

Vue.component(FilePond); Reproduction

i used them:

Environment

  • Device: laptop- OS: mac- Broser: chrome- Vue version: nuxt2

— Reply to this email directly, view it on GitHub https://github.com/pqina/vue-filepond/issues/284, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAIUQH2YXY2L6F4Y54LW44LX7EMA7AVCNFSM6AAAAAA566X5YGVHI2DSMVQWIX3LMV43ASLTON2WKOZRHE2DCNZRGIZDKNI . You are receiving this because you are subscribed to this thread.Message ID: @.***>

rikschennink avatar Oct 13 '23 15:10 rikschennink