- Add
onload
property to chunk patch request, receivesxhr
object, chunk index, and total chunks. #649 - Fix role attribute in voice over assistant to improve WCAG compatibility #988
- Fix issue where images pasted in contenteditable elements would be handled by FilePond.
- Fix issue where hidden input fields in
filepond--data
fieldset would stay disabled after enabling FilePond. #1001
- Remove
aria-hidden
from drop label as suggested by Lighthouse. - Fix
tabIndex
attribute on credits link not set correctly, now no longer included in tab flow.
- Fix issue with dragging file items sometimes not working.
- Add support for editing mock files if
item.source
is url.
- Fix issue where using a number as source for a local file would throw a
url.split
error.
- Fix file field value assignment #905
- Fix a bug where the selected file is not replaced #841
- Fix a bug where the onwarning event is not triggered #839
- Add more translations
- Fix accidental push.
- Remove accidental log statement.
- Prioritize server prop before other props when passed to setOptions #606
- Add
labelFileSizeBytes
,labelFileSizeKilobytes
,labelFileSizeMegabytes
,labelFileSizeGigabytes
#763
- Revert chunked uploads #757
- Enable rejecting images with an error message using the internal
DID_LOAD_ITEM
hook.
- Fix issue where local server files could not be re-uploaded after editing and did not trigger remove of source file.
- Fix CSS error.
- Add
storeAsFile
property, if set totrue
FilePond will attempt to store the file objects in file input elements allowing file submit along with parent form (no need forserver
property). This only works if the browser supports the DataTransfer constructor, this is the case on Firefox, Chrome, Chromium powered browsers and Safari version 14.1 and higher. - Switch to PostCSS for style output.
- Fix issue with file.js component leaking state causing
allowRemove
to impact other instances of FilePond. #713
- Fix issue with fetch and
HEAD
no setting server id to hidden input element.
- Fix issue with
allowMinimumUploadDuration
set tofalse
throwing error.
- Add
allowMinimumUploadDuration
set tofalse
to prevent a minimum upload time of 750ms.
setMetadata
internalsilent
bool now does fire internalDID_UPDATE_ITEM_METADATA
but doesn't trigger upload or file prepare logic. This fixes an issue with the new image editor and file poster plugins.
- Add metdata change info to internal
SHOULD_PREPARE_OUTPUT
call
- Fix problem with rendering 0 items per row. #676
- The
headers
property of theserver.process
end point can now be a function.
- Fix issue with
chunkRetryDelays
. #671
- Fix issue with fixed with file items not row wrapping correctly. #653
- Fix file info label when remove button positioned to the right. #620
- Renamed
beforePrepareOutput
hook tobeforePrepareFile
.
- Add
beforePrepareOutput
hook to intercept and prevent preparing a new output file.
- Add action info to internal
SHOULD_PREPARE_OUTPUT
call - Moved edit button CSS to FilePond
- When files are dropped in a folder the file type cannot always be determined, this fix prevents FilePond from creating a Blob if it can't guesstimate the file type.
- Add "powered by" footer and credits prop.
- Fix problem with locale files.
- Add internal filter for plugins to manipulate dropped files before adding them to the files list.
- Fix calculation of file size when
fileSizeBase
is set to 1024.
- Add
fileSizeBase
use to adjust the way files sizes are displayed. Default is1000
.
- Add
allowRemove
option so it actually works.
- Add
allowRemove
, set tofalse
to disable remove button. - Improve TypeScript definitions.
- Fix issue where
removeFiles
would not remove all files.
- Fix problem with locale files not ending up on npm.
- Fix issue where removal of a server file was requested when setting new files to the
files
property.
- Add locale folder, can now import different locales.
- Improve
supports
method, now correctly detects MacOS Safari 8. - Improve type definitions file.
- Fix issue with
removeFiles({ revert: false })
not working. - Fix issue where content pasted in a textarea would be interpreted as a file.
- Add fallback for
fetch
when loading remote URLs, if no custom fetch supplied, will use default request. - Add TypeScript dynamic label types.
- Fix issue where order of files wasn't correct when setting initial files.
- Fix issue where reorder event was fired on each drag interaction, now only fires when order changes.
- Add
allowProcess
, set tofalse
to remove processing button and related abort / retry processing controls. - Fix issue where hidden inputs didn't reflect visual order of files in list.
- Add
allowSyncAcceptAttribute
, set tofalse
to prevent FilePond from setting the file input fieldaccept
attribute to the value of theacceptedFileTypes
.
- Fix issue with abort being called even when not supplied.
- Add support for reording items in grid layout. Thanks @jwsinner ❤︎
- Add
oninitfile
, called when file is first initialised, can be used to immediately set metadata.
- Fix backwards compatibility problem with
4.13.5
and4.13.6
where removeFile would revert upload. - Add
{ revert: true }
as parameter toremoveFile
andremoveFiles
methods. Where in the previous two fix versions reverting was added to be done automatically this new parameter now needs be set to revert the upload.
- Fix problem where revert wasn't called for user added files.
- Fix trigger of revert handler to
removeFile
API. - Fix problem where circular layout wouldn't work on latest Safari.
- Fix issue where FilePond internal event mechanism would be in slowmotion mode when running in an inactive tab because of
setTimeout
use.
- Fix issue where FilePond would excessivly pause in between processing files while running in an inactive tab.
- Fix issue where FilePond running in an inactive tab would be very slow to pick up new files.
- Fix issue where HEAD fetch request would try turn response into zero byte file.
- Fix issue where hidden file fields were not in the correct order when files were sorted either automatically or manually.
- Clean up accidental log statement left in 4.12.2 release.
- Fix issue with re-enabling FilePond field from disabled state not applying the appropriate fields to the browse input.
- Fix issue where browse button wasn't clickable when
styleLayoutMode
was set tocompact
.
- Add
styleButtonRemoveItemAlign
to align remove button to the left side of the file item. - Fix issue where list of files could not be scrolled when FilePond was disabled.
- Add
relativePath
property to file item. - Add
onreorderfiles
callback. - Fix issue where unkown type was
"null"
instead of an empty string. - Fix issue where
onactivatefile
was fired on drag end.
- Copy webkitDirectory property to file object.
- Fix issue with error format in TypeScript types.
- Fix problem with API querystring containing multiple questionmarks.
- Fix problem where ending the class attribute on a space would throw an error.
- Add
grab
cursor to items so there's and indicator that items are grabbable.
- Fix issue where Chrome on Android would launch pull-to-refresh when trying to drag a file item.
- Add drag to reorder file items, enable by setting
allowReorder
totrue
.- Only works in single column mode (for now).
- It also works when the list of files is showing a scrollbar, but dragging + scrolling isn't working correctly at the moment.
- Limited to browsers supporting Pointer events.
- Add
moveFile(query, index)
method. Use to move a file to a different index in the file items array.
- Fix problem with 4.8.1 fix not working with SSR.
- Fix IE issue where adding markup would not work.
- Add
prepareFile
andprepareFiles
methods to the FilePond instance, use to request output files of the current items in the files list.
- UTF-8 encode request headers to prevent issues with weird characters.
- Switch from
setAttribute
tocssText
for layout changes resulting in better performance and CSP compatibility. #400
- Fix issue where iOS 10 would throw an error when calling
delete
on a dataset property - Fix issue with
onwarning
being called on incorrect element
- Fix problem where directories with over 100 files weren't read correctly.
- Add support for chunked uploads. Thanks to Ryan Olson (@ams-ryanolson) Arctic Media for donating the funds to build this.
- Add missing Blob type to TypeScript server config.
- Add TypeScript declarations.
- If
Blob
hasname
attribute use name attribute instead of URL for file name.
- Fix issue where drag-drop from Firefox download list would not add file to drop area
- Add option to set server end point headers on a generic level so they're applied to all end points using
server.headers
.
- Fix problem with CSS overriding image preview markup text size.
- Fix memory leak.
- Fix problem with abort statement in file loader logic.
- Fix issue where Promise returned by
addFile
would not be rejected if file failed to load.
- Fix security issues with dependencies.
- Fix issue where multiple calls to
setMetadata
would result in multiple successive calls to prepare file. - Fix issue where drop area aspect ratio would not update correctly on resize.
- Fix issue where pasting a file would throw an error.
- Fix issue where ignored files would be counted as files when dropping a folder.
- Fix issue where
processFiles
would re-processlocal
server images.
- Fix issue where FilePond event loop would freeze when tab was inactive.
- Fix issue where FilePond would not render when hidden, resulting in missing input elements and events not firing.
- Fix issue where processing the queue didn't work correctly when files were removed while being in the queue.
- Fix issue where UTF-8 encoded filename was not parsed correctly.
- Fix issue where
Content-Disposition
header filename was not parsed correctly.
- Fix issue where
addFile
did not respectitemInsertLocation
setting. - Add the
beforeDropFile
hook which can be used to validate a dropped item before it's added, make suredropValidation
is set totrue
as well.
- Fix problem where enabling FilePond after being
disabled
would not allow browsing for files.
- Improve accessibility of buttons by moving label from
title
to inner hidden<span>
.
- Attempt #2 at fixing the issue of release
4.3.6
.
- Fix problem where the
abortAll
call triggered when destroying FilePond would inadvertently trigger theserver.remove
end point for each local file.
- Fix issue where changing the
stylePanelAspectRatio
would not update the container size.
- Add source code.
- Add build scripts.
- Fix
onremovefile
callback not receiving an error object similar toonaddfile
.
- Fix issue where aborting a file load while the file was being prepared (for instance, encoded) did not work.
- Fix issue where 0 byte files would not upload to the server.
- Add
status
property to the FilePond instance, use this property to determine the current FilePond status (EMPTY
,IDLE
,ERROR
,BUSY
, orREADY
).
- Fix problem where
addFiles
would not correctly map passed options to files. - Fix problem where upload error would prevent processing of other files.
- Fix problem where the field would not "exist" if it had no value. Now if FilePond is empty the internal file input element is given the name attribute, this is removed when a file is added (as the name is then present on the file's hidden input element).
- Add
onprocessfiles
which is called when all files have been processed. - Add
onactivatefile
which is called when a user clicks or taps on a file item.
- Add
disabled
property, can be set as an attribute on the file input or as a property in the FilePond options object. - Add catching clicks on the entire pond label element to make it easier to click the label.
- Only hide preview images when resizing the window horizontally, fixes problem with resize events on iOS.
- Improve the way that FilePond resumes drawing when a tab retains focus.
- Fix problem where
onaddfile
callback parameters were reversed when file validation plugins prevented file load
- Fix problem where error shake animation would mess up preview image.
- Add
itemInsertLocationFreedom
property, set tofalse
to stop user from picking the location in the file list where the file is added.
- Fix problem with undefine
ItemStatus
object inprocessFiles
method
- Fix problem where window resize handler was removed incorrectly resulting in an error.
Multiple improvements, small fixes and new features. As updating will result in animation speed changes, changes to the way files are added to the files list, and will require an update of the image preview plugin, the version has been bumped to 4.0.0
- Add grid layout feature. Assign a fixed width to a filepond item and FilePond will render the items in rows.
The code below will render a list view on small viewports, a 50/50 grid on medium viewports, and a 33/33/33 grid on wide viewports. The .5em
in each calc statement is equivalent to the combined left and right margin of each filepond item.
@media (min-width: 30em) {
.filepond--item {
width: calc(50% - 0.5em);
}
}
@media (min-width: 50em) {
.filepond--item {
width: calc(33.33% - 0.5em);
}
}
- Add
styleItemPanelAspectRatio
to control the item panel aspect ratio and render item panels in a fixed size. - Add
sort
method on FilePond instance for sorting FilePond files. - Add
itemInsertLocation
property to set default insert location of files or sort method. - Add
itemInsertInterval
to control the small delay between adding items to the files list. - Improve drag and drop performance.
- Improve file insert logic and performance.
- Improve rendering of file previews will now scale correctly when window is resized.
- Improve handling of dropped directories on Firefox, file type was missing, now guestimates file type based on file extension.
- Small tweaks and changes to file animation durations and intros.
- Fixed drag coordinates being slightly out of place.
- Multiple small fixes and code improvements.
- Add
checkValidity
which is set tofalse
by default. If it's set totrue
, FilePond will set the contents of thelabelInvalidField
property as the field custom validity message if it contains invalid files (files that for instance exceed max file size or fail other tests).
- Fix problem where remove server error message was passed directly to client without label. Set
labelFileRemoveError
to a string to change default error, set it to a function to show custom server error.{ labelFileRemoveError: serverError => serverError }
- Expose
dispatch
call to plugin item extensions.
- Add
forceRevert
option, set totrue
to force a revert action to finish before continuing.
- Improve
onlistupdate
event so it can be better synced with adapter components.
- Switched browse text underline to
text-decoration-skip-ink: auto
instead oftext-decoration-skip: ink
to prevent eslint warnings.
- Fix problem where calling
processFiles
without arguments would re-process already processed files.
- Fix problem where subsequent calls to
processFile
would not automatically revert an uploaded file or abort an active upload.
- Fix problem where upload complete indicator would not show when image preview was active.
- Expose
createItemAPI
to plugins.
- Fix problem where URLs would immidiately be in processed state.
- Add
maxParallelUploads
option to limit the amount of files being uploaded in parallel. - Add option to only fetch file head when downloading remote URLs. File is downloaded to the server and server sends a unique file id to the client. Set
server.fetch.method
to'HEAD'
the server needs to repond with custom headerX-Content-Transfer-Id
and a unique id. See handle_fetch_remote_file in FilePond PHP Server for an example implementation.
- Add support for uploading transform plugin variants.
- Add
server.process.ondata
which allows adding entries to the formdata before it's sent to the server.
- Fix problem where
processFile
andprocessFiles
would reprocess already processed files.
- Add
beforeAddFile
hook, this can be used to quickly validate files before they're being added.
- Add
server.remove
property, this property can be optionally set to a method to call when the remove button is tapped on alocal
file. This allows removing files from the server. Please note that allowing clients to remove files from the server is a potential security risk and requires extra caution.
By default the property is null
. The advise is to not use this method and only make changes to the server after the parent form has been submitted. The form POST will contain all the loaded file names and relevant file data, it should be enough to determine the files to remove and the files to keep.
- Fix filename matching of content-disposition header when the filename is not wrapped in quotes.
- Fix problem where special characters in filename prevented a file from being added
- Fix problem where revert call would revert wrong file item.
- Fix problem where exceeding the max file limit would not throw an error
- Add feature to silently update metadata so it doesn't trigger an update.
- Fix issue where items would be removed before item sub views were all in rest state.
- Fix problem where server side rendering would not work correctly.
- Fix problem where
beforeRemoveFile
hook was not called when ininstantUpload
mode and reverting an upload.
- Add preparations for queueing file processing.
- Improve guards against errors when items are removed.
- Improve alignment of drop label.
- Group updateitems callback for better compatibility with React.
- Add global scoped property for painter so multiple libraries can subscribe to read and write DOM operations. This is mostly in preparation for a standalone version of the Image Editor plugin.
- Fix problem where remove callback would no longer work.
- Fix problem with WebWorkers not working correctly on Edge and IE.
- Fix syntax error #147
- Fix additional problem with quick file removals.
- Fix problem where remove call would throw error depending on the state of the upload.
- Fix problem where clicking on abort before upload had started would not cancel upload.
Please note that this update will require installing new versions of the following plugins:
- File Validate Size
- Fix problem where panel overflow would render incorrectly.
- Improve diffing when updating the
files
property. - Add
onupdatefiles
callback that is triggered when a file is added or removed to a pond instance.
- Fix problem where feature detection would throw error on iOS 8.x
- Fix problem with XMLHttpRequest timeout on Internet Explorer 11.
- Fix problem with custom properties on element on Internet Explorer 11.
- Fix problem with label not being clickable while in integrated layout mode.
- Fix problem where timeout would incorrectly trigger for uploads.
- Small internal flow changes to facilitate integration with the Image Editor plugin
- Improve performance
- Improve file loader so it now supports
blob
URLs - Add
stylePanelLayout
setting to set layout mode for panel - Add
stylePanelAspectRatio
setting to fix aspect ratio of panel - Add
styleButtonRemoveItemPosition
to control remove button position on image preview - Add
styleButtonProcessItemPosition
to control item processing position on image preview - Add
styleLoadIndicatorPosition
to control load indicator position on image preview - Add
styleProgressIndicatorPosition
to control process indicator position on image preview - Add method to automatically update data when file metadata is updated
- Fix animation rest state detection
Please note that this update will require installing new versions of the following plugins:
- File Encode
- Image Crop
- Image Preview
- Image Transform
- Fix improved browser environment detection.
- Improve browser environment detection #123.
- Add
beforeRemoveFile
callback to allow user confirmation before actual file removal.
- Fix another problem where list overflow would not render correctly.
- Fix problem where
maxFiles
was not enforced when dropping a set of files, each file was added in sequence tillmaxFiles
was reached while the set as a whole should've been invalidated at once.
- Fix problem where max-height of filepond root would not be respected by file list.
- Cleaned up some stray babelHelpers.
- Fix bug in render engine style method, should result in less unnecessary redraws.
- Fix problem where the drop indicator would render at the wrong location.
- Fix problem where calling
removeFile
directly afterprocessFile
was resolved would throw an error.
- Labels can now be set as functions, these functions will receive context information, this is useful to customize both he load error and processing error labels based on server response.
- Add additional utilities to plugin API.
- Automatically replace undo button counterclockwise arrow icon with remove button icon when
instantUpload
is set totrue
.
- Add
metadata
handling toaddFile
method.
- Fix problem where setting
allowRevert
tofalse
would hide the remove button.
- Fix problem where adding dataURIs would throw an error
- Fix casting of input attributes without value to correct boolean
- Fix problem where response timeout would throw an error
- Improve handling of returned value by processing onload function
- Cleaning up some stray code
- Fix problem where element options did not override page level options
- Handle
Blob
withname
property same as actualFile
object - Attempt to fix a problem where
elementFromPoint
could not be found in Angular component
- Add view filter to file info view
- Add option to mock server files
- Add option to set initial file metadata for server files
- Bugfixes
- Fix handling of
Content-Disposition
header to better extract the filename
- Events are now fired asynchronous, this allows internal processes to finish up
- Fix broken links in README
- Add view filter to file status view
- Fix problem where attribute object value was not read correctly
- Add
onerror
callback to server configuration to allow custom parsing of error response
- Fix problem where restored temp file would not be removed correctly
- Add
FileOrigin
enum to FilePond object
- Add
fileOrigin
property to file item
- Update README with links to new plugins and adapters
- Accidentally skip over this version number
- Remove max-width on file status view
- Prevent text wrapping for file size label
- Add
onload
method to server configuration
- Fix progress indicator getting stuck on subsequent uploads
- Add
allowRevert
option to disable revert button
- Add
dropValidation
option to enable pre-validating of dropped items
- Improve timing of CPU heavy operations (like file encoding) when a file is added to FilePond
- Fix
removeFiles
method. Did not correctly remove files when called with empty arguments or an array of indexes
- Fix bug where
processFiles
only worked when receiving parameters
- Tiny improvements so can be used when server side rendering
- Improve loading indicator state
- Add Angular adapter reference to README
- Add
onprocessfile
callback to options object
- Fix id attribute not being available on FilePond root
- Fix FilePond not rendering correctly when initially hidden
- Improve render performance
- Fix
setOptions
method not correctly converting value types
- Update the
OptionTypes
property when a plugin is registered
- Fix
setOptions
returning an incorrectly formatted options object
- Add README link to backlog on WIP
- Fix problem where
destroy
would not remove FilePond - Switch license from GPL to MIT
- Add jQuery to adapters list
- Fix error message animation
- Improve FilePond event parameters
- Accidentally skip version 1.1.0
- Fix problem where plugins could be registered twice
- Improve
files
property, now compares existing files against new files and updates accordingly
- Hide center panel before scaling panel view
- Improve style possibilities for panel views and enforce internal panel layout properties
- Fix problem where loading indicators would not spin for certain requests
- Various improvements to README
- Fix render bugs
- Improve panel view layout
- Fix processing complete state file item color
- Add support for client side file manipulation
- Add support for file metadata
- Improve performance
- Add correct banners to library files
- Initial release