Skip to Main Content

Title region

Breadcrumbs

Update & Upload Workflow

The plug-in image upload process can be configured to be fully automatic or to let the end user decide what to do (cancel or continue) if any image-related error is raised.

Preview components

Click on the page component below to preview its configuration in the Oracle APEX page designer.

Configuration

The plug-in upload & update process can be configured using an item attribute Initialization JavaScript Code.
function( pOptions ) {
  pOptions.upload = {
    "whenDownloadFails": uc.froala.C_CONTINUE, // or uc.froala.C_CANCEL, uc.froala.C_CONFIRM
    "whenUploadFails"  : uc.froala.C_CONTINUE, // or uc.froala.C_CANCEL, uc.froala.C_CONFIRM
    "whenFinishAnyErr" : uc.froala.C_CONFIRM,  // or uc.froala.C_CANCEL, uc.froala.C_CONTINUE
    "status": {
      "start"    : true,
      "cancel"   : true,
      "finishErr": true,
      "finishOk" : true
      "fail"     : true
    }
  }
  
  return pOptions;
}

Documentation

Read the documentation to learn more about the upload & update process.

Learn more

The upload workflow applies to uploading images on demand using the supporting dynamic action plug-in.

Learn more

When the upload process is canceled or fails, the reason and details can be checked in the plug-in upload details. Click the icon to expand details.

Live demo

Configure Your Image Upload Workflow

Plug-in

Example Images

The following images will used to test how the upload & update workflow works.

ImageDescription
  • The image URL is not using the RESTful get handler
  • The image will be successfully downloaded
  • The image will be successfully uploaded
  • The image URL is not using the RESTful get handler
  • The image will fail to download because of the CORS policy
  • The image won't be uploaded
  • The image will remain in the rich text editor as is
  • The image URL is not using the RESTful get handler
  • The image will be successfully downloaded
  • The image will be uploaded only when Raise an error when uploading PNG image is set to Disabled