GithubHelp home page GithubHelp logo

oracle-apex-plugin-uppy's Introduction

Oracle APEX Dynamic Action Plugin - Uppy file uploader

APEX Community APEX Plugin APEX Built with Love

Oracle Apex Plugin to integrate with Uppy file uploader.

Install

  • Import plugin file dynamic_action_plugin_uppy.sql from src directory into your application

Plugin Settings

The plugin settings are highly customizable and you can change:

  • Theme - Uppy theme (Light, Dark and Auto);
  • Locale Pack - You can use a locale pack to translate Uppy into your language of choice (default English);
  • Restrictions - Optionally, restrictions provide rules and conditions to limit the type and/or number of files that can be selected;
  • Dashboard Options - The Dashboard can be extensively customized by configuring the options;
  • Target Element - Target to render Uppy Plugin (reference to a html element id or class);
  • Additional Features - Enable Audio, Webcam, screen Capture sources, Enable Image Editor, Compress Images, Include Header "Content-Disposition attachment;" on upload process, Golden Retriever;
  • Compressor Options - Check for Compressor options here;
  • Destinations - You can choose different upload destinations. For now, only avaliable AWS S3 / Cloudflare R2;
  • Use Presinged URL Method - Enable Uppy to use a presigned generated URL;
  • Presigned URL Ajax PL/SQL Function - PL/SQL function that will return the presigned URL object key. It must return a JSON object;
  • Upload Link Object Key - Define the upload object key returned from Presigned URL Ajax PL/SQL Function;
  • On Complete Callback Function - Allow users to define the callback function fired when all uploads are completed;
  • On Upload Success - Allow users to define the callback function fired when an upload is completed successfully;
  • Initialization JavaScript Function - Allow users to define the callback function fired when Uppy is initialized;
  • Uppy ID - Define a site-wide unique ID for the Uppy instance. If several Uppy instances are being used, for instance, on two different pages, an id should be specified. This allows Uppy to store information in localStorage without colliding with other Uppy instances.

How to use

  • Create a new Dynamic Action with event Page Load.
  • As action choose 124BITS - Uppy File Uploader.
  • Choose best fitting plugin attributes (help included)

Uppy Library (v3.21.0)

  • The plug-in is built on top of the open source Uppy javascript library.
  • Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.

Demo Application

Coming soon!

Preview

oracle-apex-plugin-uppy's People

Contributors

fdrichter avatar

Stargazers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.