Comments (3)
Can you try setting name
to filepond[]
from filepond-plugin-image-transform.
Yes, it works with name as array.
I have another question: can I use variant as preview, because now for preview is used first image. I want to use one of cropped thumbnails created by transform plugin, but can't find anything about it in docs.
<file-pond
name="filepond[]"
allow-multiple="true"
max-files="8"
:accepted-file-types="['image/jpeg']"
:image-resize-target-width="1920"
:image-resize-target-height="1200"
:image-resize-upscale="true"
:image-transform-variants="{
thumb_: (transforms) => {
transforms.resize.size.width = 200;
transforms.resize.size.height = 200;
transforms.crop.aspectRatio = 1;
return transforms;
},
thumb2x_: (transforms) => {
transforms.resize.size.width = 400;
transforms.resize.size.height = 400;
transforms.crop.aspectRatio = 1;
return transforms;
},
thumb3x_: (transforms) => {
transforms.resize.size.width = 600;
transforms.resize.size.height = 600;
transforms.crop.aspectRatio = 1;
return transforms;
},
}"
:server="filepondServer"
/>
from filepond-plugin-image-transform.
That's not possible, you'd have to try to make the default version the one you want to show (which is now a variant) and have that variant be the one that is now the default. If that makes sense.
(I'll close the issue because the problem has been resolved).
from filepond-plugin-image-transform.
Related Issues (20)
- TypeError: Cannot read property 'data' of undefined - when outputting Base64 string HOT 2
- Uncaught error for TIFF image files HOT 4
- can't find docs for adding text to the bottom of an image with a metadata object HOT 4
- Filename is lost after transform HOT 6
- imageTransformVariants resize issue: Uncaught (in promise) TypeError: Cannot set property 'size' of undefined HOT 10
- Image Thumbnail Creation with Resize HOT 2
- transforming animated GIFs HOT 3
- Question variants name APPENDED HOT 1
- TypeScript support? HOT 2
- imageTransform is re-compressing (even when no changes) unless imageTransformOutputMimeType is set
- Documentation 404 HOT 2
- [Feature request] Add method on file to retrieve the blob of the transformed image HOT 6
- Duplicate Identifier 'FilePondFile' HOT 2
- Can we add webp? HOT 6
- No Releases yet. HOT 1
- Error when uploading file with specific bitmap
- Offline SVG markup causes Filepond to stop handling files HOT 1
- Crop and resize to exact ratio HOT 3
- Filesizes increases while image is (visually) not being transformed. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from filepond-plugin-image-transform.