Comments (6)
@weiliank Have you added the image-transform
plugin?
from filepond.
Yes, I did included the plugin library and also I have registered the plugin
FilePond.registerPlugin(
// encodes the file as base64 data
FilePondPluginFileEncode,
// validates the size of the file
FilePondPluginFileValidateSize,
// corrects mobile image orientation
FilePondPluginImageExifOrientation,
// previews dropped images
FilePondPluginImagePreview,
FilePondPluginFileValidateType,
FilePondPluginImageTransform
);
I am wondering how to get the compressed/resized image upload to the server (localhost/cloud).
Thanks!
from filepond.
@weiliank If you're uploading using XMLHttpRequest ( the server
config property ) you can leave out the File Encode plugin. How have you configured the server
property?
from filepond.
Hi @rikschennink,
I configured it as below:
const inputElement = document.querySelector('.filepond');
const pond = FilePond.create(inputElement, {
labelIdle: 'Drag & Drop your picture or <span class="filepond--label-action">Browse Your PC</span>',
imagePreviewHeight: 400,
imageCropAspectRatio: '1:1',
imageResizeTargetWidth: 300,
imageResizeTargetHeight: 300,
imageResizeMode: 'cover',
instantUpload: true,
allowFileEncode: true,
allowImageTransform: true,
server: {
url: '<?php echo base_url()?>', // http://localhost/wine/
timeout: 7000,
process: {
url: 'products/azure',
method: 'POST'
}
}
});
Is this correct?
from filepond.
@weiliank Looks okay to me. You can remove these lines allowFileEncode: true
and allowImageTransform: true
as plugins are enabled by default. It looks okay otherwise.
Just took a look at the registerPlugin
snippet for the second time, it seems the Image Crop and Image Resize plugins are not loaded.
from filepond.
@weiliank Will close for now as the issue is probably related to the Image Crop and Image Resize plugins not being loaded.
from filepond.
Related Issues (20)
- Example with transfer(id) on Server advanced process
- [Bug] black image uploaded instead HOT 1
- [Bug] The method getFileEncodeDataURL() stopped working. HOT 1
- [Feature] Prevent video reordering to first position HOT 1
- [Feature] Option to Disable the Remove File Button HOT 2
- [Bug] Please remove the shaking animation.
- [Feature] Customize Animation Duration
- [Bug] [react-filepond] State update in onremovefile event handler triggers file re-upload HOT 2
- [Bug] url.split is not a function when attempting to load "local" images (React 18) HOT 6
- Converting Headers key to CamelCase? HOT 1
- Bootstrap 5 image preview as gallery [Feature] HOT 2
- [Feature] How to show file limits to a custom html area with a selector HOT 5
- filepond--list-scroller overlays other elements [Bug] HOT 1
- Display a custom message on Upload complete, including data from the server response HOT 3
- I'm not able to drag an attachment from Outlook or Gmail HOT 3
- [Bug?] HOT 1
- [Bug] typings missing processfiles event HOT 1
- Upload of a large file (100s Mb) restarted each time a response received from back-end HOT 3
- Foreign character failure - unescape(encodeURIComponent(options.headers[key])); [Bug] HOT 2
- Filepond not working 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.