Direct creator uploads
The Direct Creator Upload feature in Cloudflare Images lets your users upload images with a one-time upload URL without exposing your API key or token to the client. Using a direct creator upload also eliminates the need for an intermediary storage bucket and the storage/egress costs associated with it.
You can set up webhooks to receive notifications on your direct creator upload workflow.
Make a POST
request to the direct_upload
endpoint using the example below as reference.
After a successful request, you will receive a response similar to the example below. The id
field is a future image identifier that will be uploaded by a creator.
After calling the endpoint, a new draft image record is created, but the image will not appear in the list of images. If you want to check the status of the image record, you can make a request to the one-time upload URL using the direct_upload
endpoint.
To check the status of a new draft image record, use the one-time upload URL as shown in the example below.
After a successful request, you should receive a response similar to the example below. The draft
field is set to true
until a creator uploads an image. After an image is uploaded, the draft field is removed.
The backend endpoint should return the uploadURL
property to the client, which uploads the image without needing to pass any authentication information with it.
Below is an example of an HTML page that takes a one-time upload URL and uploads any image the user selects.
By default, the uploadURL
expires after 30 minutes if unused. To override this option, add the following argument to the cURL command:
The expiry value must be a minimum of two minutes and maximum of six hours in the future.
You can specify a custom ID when you first request a one-time upload URL, instead of using the automatically generated ID for your image. Note that images with a custom ID cannot be made private with the signed URL tokens feature (--requireSignedURLs=true
).
To specify a custom ID, pass a form field with the name ID and corresponding custom ID value as shown in the example below.