Using the Export widget, can turn any
<input type="button">, or
<a> tag into a cloud-enabled save button.
<button data-fp-mimetype="image/png" data-fp-url="https://www.filestack.com/themes/filestack/assets/images/docs/payphone.png">Save File</button>
Required The url of the content you want the user to save.
Provide a recommended file name. The user can change this in the interface.
Your API key. If you've already called filepicker.setKey() elsewhere in your code, this isn't needed
The text to show on the button. Defaults to "Pick File".
The class(es) to be applied to the button for styling, for example "btn btn-primary"
The mimetype of the content you want the user to save. This is used to suggest a filename and prevent the file from being saved to services that don't support it (Sending text to Facebook, for instance).
The extension of the content you want the user to save. Like mimetype, this is used to suggest a filename and prevent the file from being saved to services that don't support it (Sending text to Facebook, for instance). You cannot use both extension and mimetype at the same time.
How to load the Filestack dialog. Possible values are "window", "modal", or the id of an iframe in the current document. Defaults to "modal". Using "window" will launch the dialog in its own browser window.
Only allow the user to select a file from the services given by name. For example data-fp-services="BOX". Or in order to allow multiple services, provide a list. The list of services to limit selections from by name. The services will be shown in the provided order. An example value might be "BOX,COMPUTER,FACEBOOK". The list of available services for export is.
Open the Filestack dialog directly to the service set with data-fp-openTo. For example "BOX" will open the picker to Box.
Allow a user to set a custom CSS file to load for the Filestack dialog by providing the https publicly accessible url for a CSS file. This can be unique to each dialog instance. You can also set a CSS file to load with the Filestack dialog in the developer portal as a global setting that is applied everytime the dialog is loaded using your API key.
The base64 Filestack security policy. Read more about security and how to generate policies and signatures
The HMAC-SHA256 Filestack security signature. Read more about security and how to generate policies and signatures
fpfiles (for multiple mode) attribute with information about the uploaded files (jQuery users: look under event.originalEvent).
Someone from our team will get back to you shortly.