Bingo this is what i will do now

S

sungodOP•12/4/24, 3:08 PM

Dude Space you are spot on , i will try it soon.

S

sungodOP•12/4/24, 3:11 PM

@Leo @Space this worked, making a folder inside R2 bucked named cdn-3

S

sungodOP•12/4/24, 3:12 PM

Ssungod Bingo this is what i will do now

H

harshil1712•12/4/24, 3:47 PM

hey, I tried it myself and ran into the same confusion. I have passed on the feedback to the PM. Let's see if it's need some documentation, we will add it

G

GoodluckH•12/4/24, 9:08 PM

I'm trying to upload images to my R2 bucket:

export const action: ActionFunction = async ({ request, context }) => {
    const formData = await request.formData();
    const image = formData.get('image') as File;
    if (!image) throw new Response("No image uploaded", { status: 400 });

    const buffer = await image.arrayBuffer();
    const { put } = context.cloudflare.env.BUCKET;
    await put(image.name, buffer);

    return new Response("OK", { status: 200 });

}

export const action: ActionFunction = async ({ request, context }) => {
    const formData = await request.formData();
    const image = formData.get('image') as File;
    if (!image) throw new Response("No image uploaded", { status: 400 });

    const buffer = await image.arrayBuffer();
    const { put } = context.cloudflare.env.BUCKET;
    await put(image.name, buffer);

    return new Response("OK", { status: 200 });

}

export const action: ActionFunction = async ({ request, context }) => {
    const formData = await request.formData();
    const image = formData.get('image') as File;
    if (!image) throw new Response("No image uploaded", { status: 400 });

    const buffer = await image.arrayBuffer();
    const { put } = context.cloudflare.env.BUCKET;
    await put(image.name, buffer);

    return new Response("OK", { status: 200 });

}

export const action: ActionFunction = async ({ request, context }) => {
    const formData = await request.formData();
    const image = formData.get('image') as File;
    if (!image) throw new Response("No image uploaded", { status: 400 });

    const buffer = await image.arrayBuffer();
    const { put } = context.cloudflare.env.BUCKET;
    await put(image.name, buffer);

    return new Response("OK", { status: 200 });

}

However, while I can see Class A/B operations on the dashboard, there's no images.

when I do

list()

list()

list()

list(), I can see

ProxyStub { name: 'HeadResult', poisoned: false }

ProxyStub { name: 'HeadResult', poisoned: false }

ProxyStub { name: 'HeadResult', poisoned: false }

ProxyStub { name: 'HeadResult', poisoned: false }. But I cannot see the image on the dashboard. am i missing any steps?

I'm using Remix btw

G

GoodluckH•12/4/24, 9:40 PM

wdym i shouldn't do { put }?

G

GoodluckH•12/4/24, 9:40 PM

when i

list

list

the bucket, i can see objects being returned to the console

G

GoodluckH•12/4/24, 9:41 PM

and maybe it has something to do with local development mode? I'm not running anything like

wrangler dev

wrangler dev

GGoodluckH wdym i shouldn't do { put }?

H

Hard@Work•12/4/24, 9:59 PM

Remove this line:

const { put } = context.cloudflare.env.BUCKET;

const { put } = context.cloudflare.env.BUCKET;

const { put } = context.cloudflare.env.BUCKET;

const { put } = context.cloudflare.env.BUCKET;

and just do

await context.cloudflare.env.BUCKET.put(image.name, buffer);

await context.cloudflare.env.BUCKET.put(image.name, buffer);

await context.cloudflare.env.BUCKET.put(image.name, buffer);

await context.cloudflare.env.BUCKET.put(image.name, buffer);

H

Hard@Work•12/4/24, 9:59 PM

Or destructure at the

env

env

instead

G

GoodluckH•12/4/24, 10:24 PM

so to display the image, i need to do something like BUCKET_URL/image.png right? what would the url be if im on local dev env?

GGoodluckH so to display the image, i need to do something like BUCKET_URL/image.png right?...

H

Hard@Work•12/4/24, 11:42 PM

You would have to create a different Worker route to serve it. The S3 API/Custom Domains aren't supported in local mode

HHard@Work You would have to create a different Worker route to serve it. The S3 API/Custom...

G

GoodluckH•12/4/24, 11:57 PM

how do you "serve" it? This is my loader function:

export const loader: LoaderFunction = async ({ context }) => {
  try {
    const { env } = context.cloudflare;
    const { objects } = await env.BUCKET.list();

    return { objects };
  } catch (e) {
    console.log(e);
    return new Response("Error", { status: 500 });
  }
};

export const loader: LoaderFunction = async ({ context }) => {
  try {
    const { env } = context.cloudflare;
    const { objects } = await env.BUCKET.list();

    return { objects };
  } catch (e) {
    console.log(e);
    return new Response("Error", { status: 500 });
  }
};

export const loader: LoaderFunction = async ({ context }) => {
  try {
    const { env } = context.cloudflare;
    const { objects } = await env.BUCKET.list();

    return { objects };
  } catch (e) {
    console.log(e);
    return new Response("Error", { status: 500 });
  }
};

export const loader: LoaderFunction = async ({ context }) => {
  try {
    const { env } = context.cloudflare;
    const { objects } = await env.BUCKET.list();

    return { objects };
  } catch (e) {
    console.log(e);
    return new Response("Error", { status: 500 });
  }
};

This is to get the objects. Do you have any resources on serving the images?

GGoodluckH how do you "serve" it? This is my loader function: ``` export const loader: Loa...

H

Hard@Work•12/5/24, 12:03 AM

Like,

env.BUCKET.get()

env.BUCKET.get()

?

P

PlutoIsBlue•12/5/24, 5:28 AM

hi guys can someone help me out? i need help getting my worker to return presigned image urls from my r2 storage
i keep getting internal server error

H

Hybris•12/5/24, 6:45 AM

hello !

did anyone know the datacenters location for each r2 location hint ?

i would like to route my traffic to the closest r2 bucket using longitude and latitude given in the metadata of my clients request

T

TheGrindstone•12/6/24, 5:41 AM

Hello,

We have created a couple of plugin for integration of cloud storage to wordpress websites.
Now, we are looking to create a wordpress plugin for cloudflare R2 storage because we have received a lot of request from users.

We are not getting the option to rename or delete files from R2 storage.
If it can be done through APIs, please share the link or resources. Any help or advice is much appreciated.

TTheGrindstone Hello, We have created a couple of plugin for integration of cloud storage to w...

H

Hello, I’m Allie!•12/6/24, 6:15 AM

Renaming isn’t(directly) a thing, but deleting should be available. Are you using an S3-compatible library?

A

Ashgreninja55555•12/6/24, 7:01 AM

Hey guys, I generated presigned urls to upload some images in r2 using the key=${bookmarkId}/${fileName};
now I want to get the presigned urls of items in the bookmarkId folder, so I use the key=${bookmarkId}/. But it gives the error: specified key doesnt exist

HHello, I’m Allie!Renaming isn’t(directly) a thing, but deleting should be available. Are you usin...

T

TheGrindstone•12/6/24, 7:24 AM

Yes, we are using S3-compatible library. We just wanted to make sure if it is possible to allow copy & paste and rename operations or not.

Thank for taking the time to reply.

A

Ashgreninja55555•12/6/24, 7:31 AM

@Space Yes, I tried it using :
const listCommand = new ListObjectsV2Command({
Bucket: bucketName,
Prefix: "244/",
});

const response = await s3.send(listCommand);
but it gives error, specified key doesnt exist.
But when I do :
// const getObjectCommand = new GetObjectCommand({
// Bucket: "newboard-storage",
// Key: "244/1733392891348-244", // Replace with a valid key from your bucket
// });

// const signedUrlTest = await getSignedUrl(s3, getObjectCommand, { expiresIn: 3600 });
// console.log("Signed URL:", signedUrlTest);
it works

B

boldpix•12/6/24, 8:22 AM

I created a bucket in R2 for testing purposes without any objects inside. However, after checking it a couple of hours later, the Operations counter showed some numbers. How is this counted when there are no objects in the bucket?

Original message was deleted

B

boldpix•12/6/24, 8:59 AM

Besides the dashboard, could there be other ways that requests might be sent to this bucket? I've only refreshed the dashboard three times in this period, but the operation A counter has already increased to 11.

Original message was deleted

B

boldpix•12/6/24, 9:12 AM

I understand, but to gain a deeper understanding, isn't class A specifically designed for writing and deleting operations? So, why is the operation A counter also increasing? no clients are currently accessing this bucket to write or delete data, and no objects have been added via the dashboard.

Original message was deleted

B

boldpix•12/6/24, 10:30 AM

Thanks

C

Clément•12/6/24, 2:55 PM

Hello, if I want to retrieve a file via URL after uploading it using a pre-signed URL, do I need to make my R2 bucket public?

Original message was deleted

C

Clément•12/6/24, 3:39 PM

Thank's a lot

R

ryantg•12/6/24, 4:06 PM

Since starting to use R2 last month, we've received a handful of messages from users saying the assets are not loading on their work networks. We're using a domain managed by CF for the assets. We didn't turn on those extra protection things that CF has. I'm not sure if this is a common issue with R2, or is something specific to our settings/DNS.

R

ryantg•12/6/24, 4:10 PM

Thanks. We are using a custom domain.

R

ryantg•12/6/24, 4:10 PM

That's what I meant - sorry, wasn't clear.

R

ryantg•12/6/24, 4:11 PM

The US

R

ryantg•12/6/24, 4:14 PM

Just the R2 part not working. We serve map tiles from R2. So the messages are "the map is blank" while the rest loads.

R

ryantg•12/6/24, 4:14 PM

No, sorry. Rest is not served by CF. We use DO for the rest.

R

ryantg•12/6/24, 4:15 PM

The R2 stuff is a brand new domain that we purchased for this

R

ryantg•12/6/24, 4:15 PM

Yeah... I figured it was something like that. Seems intense.

R

ryantg•12/6/24, 4:17 PM

Ooh yeah, that seems like an easy first thing to try.

D

dataders•12/6/24, 4:36 PM

anyone else think it'd be sweet for R2 to also have a table bucket like AWS just announced for S3 that supports Iceberg tables?
https://meltware.com/2024/12/04/s3-tables

Meltware

A First Look at S3 (Iceberg) Tables

AWS announced S3 Tables today, which brings native support for Apache Iceberg to S3. It’s hard to overstate how exciting this is for the data analytics ecosystem. This post is a quick rundown of my thoughts so far.

Y

yat•12/6/24, 5:36 PM

Hi is R2 distributing objects globally ?

Yyat Hi is R2 distributing objects globally ?

C

Chaika•12/6/24, 5:37 PM

no, not directly. Unless you count R2 Custom Domain (or worker) with the normal cdn caching layer

CChaika no, not directly. Unless you count R2 Custom Domain (or worker) with the normal ...

Y

yat•12/6/24, 5:39 PM

so caching R2 isnt against TOS

Yyat so caching R2 isnt against TOS

C

Chaika•12/6/24, 5:41 PM

correct

C

Chaika•12/6/24, 5:42 PM

they even tell you how to: https://developers.cloudflare.com/cache/interaction-cloudflare-products/r2/

Cloudflare Docs

Enable cache in an R2 bucket · Cloudflare Cache (CDN) docs

To enable caching for a Cloudflare R2 bucket, make sure your bucket is public and accessible by the Cache. This can be done by creating a Custom Domain. Follow these steps to set up a Custom Domain for your bucket:

M

maco6517•12/7/24, 9:02 AM

Instructions for playing r2 video using worker
Do you have any tutorials?

L

Lumonix•12/7/24, 4:57 PM

weew, didn't know R2 had it to push 6gbps+ of transfer

S

sungodOP•12/7/24, 5:44 PM

@Space yesterday I solved using cloud connector a way to call particular resource from a r2 bucket of my choice. i.e. same resources from different country severed from different geo located r2. Now issue at hand is how to serve favicon/favicons since I cannot have different path for favicon.

S

sungodOP•12/7/24, 5:45 PM

I will be using cdn-1/2/3/4/5 paths for my static resources with corresponding R2 but this works since all have different path in cloud connector

S

sungodOP•12/7/24, 5:46 PM

so domian.tld/dir/favicon.iso needs to be serverd from geolocated places.

S

sungodOP•12/7/24, 5:47 PM

I have no idea of Transform rules can work? since i don't know whether rewrite URL will be correct for this test case?

S

sungodOP•12/7/24, 5:47 PM

or Perhaps cloudflare pages can be used to serve the Favicons?

B

BxtGeek•12/7/24, 11:34 PM

I am trying to use the r2 for my container storage. I want to add this using the s3fs plugin but gettign error while enabling

ID             NAME                 DESCRIPTION                                     ENABLED
ba27c14e2561   rexray/s3fs:latest   REX-Ray FUSE Driver for Amazon Simple Storag…   false
57bf3ba256ba   s3fs1:latest         S3FS plugin for Docker v2.0.9                   false
[root@localhost ~]# docker plugin enable ba27c14e2561
Error response from daemon: dial unix /run/docker/plugins/ba27c14e2561d51267177018aaf28d0e0079fea71abbe2a418a34298f3473996/rexray.sock: connect: no such file or directory

ID             NAME                 DESCRIPTION                                     ENABLED
ba27c14e2561   rexray/s3fs:latest   REX-Ray FUSE Driver for Amazon Simple Storag…   false
57bf3ba256ba   s3fs1:latest         S3FS plugin for Docker v2.0.9                   false
[root@localhost ~]# docker plugin enable ba27c14e2561
Error response from daemon: dial unix /run/docker/plugins/ba27c14e2561d51267177018aaf28d0e0079fea71abbe2a418a34298f3473996/rexray.sock: connect: no such file or directory

ID             NAME                 DESCRIPTION                                     ENABLED
ba27c14e2561   rexray/s3fs:latest   REX-Ray FUSE Driver for Amazon Simple Storag…   false
57bf3ba256ba   s3fs1:latest         S3FS plugin for Docker v2.0.9                   false
[root@localhost ~]# docker plugin enable ba27c14e2561
Error response from daemon: dial unix /run/docker/plugins/ba27c14e2561d51267177018aaf28d0e0079fea71abbe2a418a34298f3473996/rexray.sock: connect: no such file or directory

ID             NAME                 DESCRIPTION                                     ENABLED
ba27c14e2561   rexray/s3fs:latest   REX-Ray FUSE Driver for Amazon Simple Storag…   false
57bf3ba256ba   s3fs1:latest         S3FS plugin for Docker v2.0.9                   false
[root@localhost ~]# docker plugin enable ba27c14e2561
Error response from daemon: dial unix /run/docker/plugins/ba27c14e2561d51267177018aaf28d0e0079fea71abbe2a418a34298f3473996/rexray.sock: connect: no such file or directory

Similar Threads

Similar Threads

Similar Threads