Zip Files Reader
Aqsa Fatima
Last Update một năm trước
Description:
The "Zip File Reader" plugin allows users to easily extract and read the contents of zip files within their Bubble.io applications. With this plugin, users can upload zip files, and the plugin will automatically extract and display the files contained within, such as text, images, or other file types. It supports a wide range of use cases, including document management systems, file-sharing platforms, or applications requiring the handling of compressed file formats. The plugin provides an intuitive interface for interacting with extracted file contents, enabling seamless integration into any Bubble project
🔗 Demo Page: https://chakor-plugin-demo-6.bubbleapps.io/version-test/zip_file_reader
Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues
Instructions:
- Drag the "Zip Reader" element from the plugin list onto your page.
- Create a workflow to trigger the "Zip Read" action. Typically, this would be linked to a button or file upload event where the user selects the zip file to be read.
- The "Zip Reader" element exposes the following states:
- names_of_files
- base_64_files
- zip_name
- zip_size
- zip_last_modified
- names_of_files
- To display these states, use text elements or any other relevant UI elements on your page and bind them to the respective exposed states of the "Zip Reader" element. For example:
- For displaying file names: Bind a text element to the
names_of_files
state. - For displaying zip file details: Bind a text element to the
zip_name
, zip_size
, and zip_last_modified
states.
- For displaying file names: Bind a text element to the
names_of_files
- Place a Repeating Group on the page to show the images extracted from the zip file.
- Set the Data Source of the Repeating Group to the
base_64_files
state of the "Zip Reader" element.
- Inside the Repeating Group, add an Image element to display each image.
- For the image source, pass the following dynamic value:
- data:image/png;base64,Parent's group text
(replace "Parent's group text" with the actual text field that holds the base64-encoded image data).
- data:image/png;base64,Parent's group text