Zip File Generator/Reader

Aqsa Fatima

Last Update één jaar geleden

Description:

The Zip File Generator/Reader plugin empowers Bubble.io users to seamlessly manage zip files within their applications. This versatile plugin allows users to:

  • Generate Zip Files: Bundle files or data into a single, unique zip file that can be downloaded directly to the user's computer, perfect for exporting reports, sharing multiple files, or archiving content.
  • Read Zip Files: Easily upload zip files, extract their contents, and display the files contained within, such as text, images, or other file types, directly in your application.

With its wide range of functionalities, the plugin supports use cases like document management systems, file-sharing platforms, and applications requiring compressed file handling. It provides an intuitive interface for both generating and interacting with zip files, ensuring smooth integration into any Bubble project. Whether you're streamlining file exports or enabling efficient file uploads and extraction, this plugin offers the tools to elevate your Bubble.io application.

🔗 Demo Page:  https://chakor-plugin-demo-6.bubbleapps.io/version-test/zip_file_generator_reader


🔗 Editor Link:  https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1736408893571x670247437695451100_current&tab=Design&name=zip_file_generator_reader&type=page


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 (Zip Reader):

  • Place the "Zip Reader" element on your page:
    • Drag the "Zip Reader" element from the plugin list onto your page.
  • Read the zip file using the action "Zip Read":
    • 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.
  • Display the exposed states:
    • The "Zip Reader" element exposes the following states:
      • names_of_files
      • base_64_files
      • zip_name
      • zip_size
      • zip_last_modified
    • 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.
  • Preview images from the zip file:
    • 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.
  • Display the images:
    • 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).
    • Instructions (Zip Generator):
    • Use the action zip files
    • Seperate the files urls using comma
    • or Directly mention the files in database or Option sets

    Was this article helpful?

    0 out of 0 liked this article