🏠 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/2e3b56d2-7ef5-4ad7-ab43-18f6ae244f97/${filename}","success_action_status":"201","acl":"public-read","Content-Disposition":"inline","x-amz-meta-versions":"{}","policy":"eyJleHBpcmF0aW9uIjoiMjAxOS0xMi0wNlQwOTozMDo0MVoiLCJjb25kaXRpb25zIjpbeyJidWNrZXQiOiJ1cGxvYWRzLnByb2QwMS5vcmVnb24ucGxhdGZvcm0tb3MuY29tIn0sWyJzdGFydHMtd2l0aCIsIiRrZXkiLCJ1cGxvYWRzLzJlM2I1NmQyLTdlZjUtNGFkNy1hYjQzLTE4ZjZhZTI0NGY5Ny8iXSx7InN1Y2Nlc3NfYWN0aW9uX3N0YXR1cyI6IjIwMSJ9LHsiYWNsIjoicHVibGljLXJlYWQifSx7IkNvbnRlbnQtRGlzcG9zaXRpb24iOiJpbmxpbmUifSx7IngtYW16LW1ldGEtdmVyc2lvbnMiOiJ7fSJ9LHsieC1hbXotY3JlZGVudGlhbCI6IkFLSUE0SU1LSVdZVktaNkpFN1g3LzIwMTkxMjA2L3VzLXdlc3QtMi9zMy9hd3M0X3JlcXVlc3QifSx7IngtYW16LWFsZ29yaXRobSI6IkFXUzQtSE1BQy1TSEEyNTYifSx7IngtYW16LWRhdGUiOiIyMDE5MTIwNlQwODMwNDFaIn1dfQ==","x-amz-credential":"AKIA4IMKIWYVKZ6JE7X7/20191206/us-west-2/s3/aws4_request","x-amz-algorithm":"AWS4-HMAC-SHA256","x-amz-date":"20191206T083041Z","x-amz-signature":"88631a26329bf55cd5e10ca739de54296d77666290a570a2c0d18c0f8f58cde5"},"direct_upload_url":"https://s3-us-west-2.amazonaws.com/uploads.prod01.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