🏠 PlatformOS Examples

Direct upload using uppy (uppy.io)

Uppy plugins used:

  1. Dashboard
  2. DragDrop
  3. GoldenRetriever
  4. AwsS3

Source code of this example: JS, HTML


URLs to uploaded files:


    Direct upload using HTML form

    Choose your image
    Debug information coming from s3_upload key
    {"form_data":{"success_action_status":"201","acl":"public-read","Content-Disposition":"inline","x-amz-meta-versions":"{}","x-amz-meta-acl":"public-read","x-amz-meta-content-disposition":"inline","key":"uploads/9aec7c84-acf9-4dca-ab7c-8941b01af199/${filename}","policy":"eyJleHBpcmF0aW9uIjoiMjAyNS0wOS0wOFQxNjoyNjo1NFoiLCJjb25kaXRpb25zIjpbeyJidWNrZXQiOiJ1cGxvYWRzLnN0YWdpbmcub3JlZ29uLnBsYXRmb3JtLW9zLmNvbSJ9LHsic3VjY2Vzc19hY3Rpb25fc3RhdHVzIjoiMjAxIn0seyJhY2wiOiJwdWJsaWMtcmVhZCJ9LHsiQ29udGVudC1EaXNwb3NpdGlvbiI6ImlubGluZSJ9LHsieC1hbXotbWV0YS12ZXJzaW9ucyI6Int9In0seyJ4LWFtei1tZXRhLWFjbCI6InB1YmxpYy1yZWFkIn0seyJ4LWFtei1tZXRhLWNvbnRlbnQtZGlzcG9zaXRpb24iOiJpbmxpbmUifSxbInN0YXJ0cy13aXRoIiwiJGtleSIsInVwbG9hZHMvOWFlYzdjODQtYWNmOS00ZGNhLWFiN2MtODk0MWIwMWFmMTk5LyJdLHsieC1hbXotY3JlZGVudGlhbCI6IkFLSUE0SU1LSVdZVkpBN09TNFVHLzIwMjUwOTA4L3VzLXdlc3QtMi9zMy9hd3M0X3JlcXVlc3QifSx7IngtYW16LWFsZ29yaXRobSI6IkFXUzQtSE1BQy1TSEEyNTYifSx7IngtYW16LWRhdGUiOiIyMDI1MDkwOFQxNTI2NTRaIn1dfQ==","x-amz-credential":"AKIA4IMKIWYVJA7OS4UG/20250908/us-west-2/s3/aws4_request","x-amz-algorithm":"AWS4-HMAC-SHA256","x-amz-date":"20250908T152654Z","x-amz-signature":"0aecd942d20e3b31c3c975c656b58728247d83a6d9a13965858002422f9fb89a"},"direct_upload_url":"https://s3.us-west-2.amazonaws.com/uploads.staging.oregon.platform-os.com"}
      

    Direct upload using AJAX

    Choose your image
    Preview

    Heads up! Example below require you to be logged in as *developer*.
    If you dont have developer account, create it here.

    Uploading Files Directly to Amazon S3 and using uploaded file as an avatar

    Profile text field


    Preview