🏠 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":{"key":"uploads/14d5cebe-7cbc-41f4-ac4c-5d84e7e3aa5f/${filename}","success_action_status":"201","acl":"public-read","Content-Disposition":"inline","x-amz-meta-versions":"{}","policy":"eyJleHBpcmF0aW9uIjoiMjAxOS0xMi0xMVQxMzowMDowMFoiLCJjb25kaXRpb25zIjpbeyJidWNrZXQiOiJ1cGxvYWRzLnN0YWdpbmcub3JlZ29uLnBsYXRmb3JtLW9zLmNvbSJ9LFsic3RhcnRzLXdpdGgiLCIka2V5IiwidXBsb2Fkcy8xNGQ1Y2ViZS03Y2JjLTQxZjQtYWM0Yy01ZDg0ZTdlM2FhNWYvIl0seyJzdWNjZXNzX2FjdGlvbl9zdGF0dXMiOiIyMDEifSx7ImFjbCI6InB1YmxpYy1yZWFkIn0seyJDb250ZW50LURpc3Bvc2l0aW9uIjoiaW5saW5lIn0seyJ4LWFtei1tZXRhLXZlcnNpb25zIjoie30ifSx7IngtYW16LWNyZWRlbnRpYWwiOiJBS0lBNElNS0lXWVZGNjVYM1I2Ui8yMDE5MTIxMS91cy13ZXN0LTIvczMvYXdzNF9yZXF1ZXN0In0seyJ4LWFtei1hbGdvcml0aG0iOiJBV1M0LUhNQUMtU0hBMjU2In0seyJ4LWFtei1kYXRlIjoiMjAxOTEyMTFUMTIwMDAwWiJ9XX0=","x-amz-credential":"AKIA4IMKIWYVF65X3R6R/20191211/us-west-2/s3/aws4_request","x-amz-algorithm":"AWS4-HMAC-SHA256","x-amz-date":"20191211T120000Z","x-amz-signature":"6dac2bd0af6ab0947387f5462edf5226cedc8cd2acb8aae74433b4a6ac464f27"},"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