Direct-Upload | Direct Upload is server-side software | File Sharing library

Make sure the file name match exactly with Key

so I haven't exactly furthered my understanding of active storage, but I did find a solution that worked. In method 1, I simply changed the URL that was returning "undefined" to manually 'rails/active_storage/direct_uploads'.

The JS code now looks like:

If I'm understanding correctly, you're going to want to implement a custom ActiveStorage::Service for this 3rd party API. Behind the scenes, rails invokes url_for_direct_upload to get the URL that you're wanting to customize.

You should be able to something close to working if you implemented a new service like so:

Please consider providing us some more technical details on what you want to achieve. Things like programming languages, server platform, cloud provider where the website is hosted…

In a generalistic way, I can tell you that Google Cloud Storage has a similar approach to upload files which is Signed URLs

For example, if you are coding in Python with this you can upload a file to a bucket using a signed URL:

I have tried uploading a txt file with a presigned-put-url using two approaches:

1. Sending A form data: (this is used with POST urls not PUT)

• This actually add the content-disposition header to the final file as mentioned in the question.

1. Sending raw binary data (recommended way and this how PUT url is used!):

• The file was uploaded correctly, and does not include the content-disposition header.

Could you try sending the PUT request without using formData at all?

The ajax's data attribute should have a value of file_data, and the content-type while the signing the S3 URL and sending (ajax) should be ContentType: 'binary/octet-stream'.

If you need to use formData, check out S3's preSignedPost.

I figured it out....kinda.

The issue was that I am getting some errors in my JS.

So the hack I did was to simply comment out that JS file that was giving a problem.

The issue is that I am using a Bootstrap Template that comes with a lot of JS files. So I can't easily go in and fix the problem (especially since JS isn't my strong suit).

Ideally, I would like to figure out how to prevent other JS errors from making Trix be executed.

I asked that question here.

It looks like the rich_text_area only accepts :class option so the :input_html does nothing here. But because the height is decided by CSS, we can achive what you want by overrding the default min-height CSS of trix-editor.

In app/assets/stylesheets/actiontext.scss