Cloudflare Developers•2y ago

Also wouldn't the S3 api be faster on large scale? Since you won't be going through another layer of

Also wouldn't the S3 api be faster on large scale? Since you won't be going through another layer of servers.

nikiv.dev•5/1/24, 2:13 PM

makes sense

SSam Also wouldn't the S3 api be faster on large scale? Since you won't be going thro...

Chaika•5/1/24, 2:14 PM

iirc the CF API's base auth stuff is just a worker, and so is the s3 compat stuff (for example, they Single URL Purge is just Durable Objects and Workers and has never gone down during their core outages)

Chaika•5/1/24, 2:14 PM

possible they're still sending all the rest api r2 requests to core and then to the r2 bucket, but I don't think it necessarily has to be slower

nikiv.dev•5/1/24, 2:15 PM

i should get a job in dx of cloudflare

nikiv.dev•5/1/24, 2:15 PM

ok let me search it another way

Chaika•5/1/24, 2:15 PM

your account id is on the right side of your r2 overview

Chaika•5/1/24, 2:16 PM

or it's the uuid in the url of the dashboard, ex: https://dash.cloudflare.com/b9e510810e1e12fcd40826d266a1fb12/r2/overview
b9e510810e1e12fcd40826d266a1fb12 being the acct id in that example. They're not private or anything

nikiv.dev•5/1/24, 2:20 PM

trying to find nice way to turn .jpeg.jpeg into blob

nikiv.dev•5/1/24, 2:20 PM

anyone know perhaps?

nikiv.dev•5/1/24, 2:21 PM

all google answers are odd, some old apis with xml thing

nikiv.dev•5/1/24, 2:21 PM

https://stackoverflow.com/questions/42471755/convert-image-into-blob-using-javascript

Stack Overflow

convert image into blob using javascript

I use promise to download an image and get the image data like:

promise.downloadFile().then(function(image){
//do something
});
I have got the image, which is like:

<img n...

nikiv.dev•5/1/24, 2:21 PM

nikiv.dev•5/1/24, 2:21 PM

like i want something like this

nikiv.dev•5/1/24, 2:21 PM

https://github.com/maccman/cloudflare-r2-edge

GitHub

GitHub - maccman/cloudflare-r2-edge

Contribute to maccman/cloudflare-r2-edge development by creating an account on GitHub.

nikiv.dev•5/1/24, 2:21 PM

nikiv.dev•5/1/24, 2:21 PM

or i drop this lib

nikiv.dev•5/1/24, 2:22 PM

i just want clean api to upload, get from r2

nikiv.dev•5/1/24, 2:22 PM

in ts

nikiv.dev•5/1/24, 2:22 PM

nikiv.dev•5/1/24, 2:23 PM

looking up what type

File

File

nikiv.dev•5/1/24, 2:23 PM

maybe I can get that thing via fetch and pass that

nikiv.dev•5/1/24, 2:24 PM

trying

nikiv.dev•5/1/24, 2:25 PM

ah it wants filename tho

nikiv.dev•5/1/24, 2:25 PM

i wanted to do it in memory

Nnikiv.dev trying

Hello, I’m Allie!•5/1/24, 2:25 PM

You can also just pass an ArrayBuffer

Hello, I’m Allie!•5/1/24, 2:25 PM

It will complain the types don’t match

Hello, I’m Allie!•5/1/24, 2:25 PM

But should still work

nikiv.dev•5/1/24, 2:28 PM

holy that worked

nikiv.dev•5/1/24, 2:28 PM

and you are right on the types

nikiv.dev•5/1/24, 2:28 PM

  try {
    const response = await fetch(
      "https://avatars.githubusercontent.com/u/6391776?v=4s",
    )
    if (!response.ok) throw new Error("Network response was not ok")

    const blob = await response.blob()
    const arrayBuffer = await blob.arrayBuffer()
    await client.put("github-profile", arrayBuffer)
  } catch (error) {
    console.error("Error fetching the image:", error)
  }

  try {
    const response = await fetch(
      "https://avatars.githubusercontent.com/u/6391776?v=4s",
    )
    if (!response.ok) throw new Error("Network response was not ok")

    const blob = await response.blob()
    const arrayBuffer = await blob.arrayBuffer()
    await client.put("github-profile", arrayBuffer)
  } catch (error) {
    console.error("Error fetching the image:", error)
  }

nikiv.dev•5/1/24, 2:28 PM

anyone know how to make it type happy?

nikiv.dev•5/1/24, 2:28 PM

and do same

Nnikiv.dev anyone know how to make it type happy?

Hello, I’m Allie!•5/1/24, 2:29 PM

I would fork the package. No idea why they make it only accept File | Blob

Hello, I’m Allie!•5/1/24, 2:29 PM

/ Make a PR

nikiv.dev•5/1/24, 3:00 PM

nikiv.dev•5/1/24, 3:00 PM

how can I get the url for a given key in r2

nikiv.dev•5/1/24, 3:00 PM

i need it to actually show the images in my web app

nikiv.dev•5/1/24, 3:00 PM

i can't just pass the blob etc. in component apparently

nikiv.dev•5/1/24, 3:09 PM

i connected domain to r2 bucket

nikiv.dev•5/1/24, 3:10 PM

this

nikiv.dev•5/1/24, 3:10 PM

returns

https://kuskus.e1a1737083ffd849ad2638b7e6069dec.r2.cloudflarestorage.com/github-profile?X-Amz-Expires=3600&X-Amz-Date=20240501T150941Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=4b9db796d0eecc94ddc55e4681d21b0b%2F20240501%2Fauto%2Fs3%2Faws4_request&X-Amz-SignedHeaders=accept-encoding%3Bhost&X-Amz-Signature=379f324c8c9d25897286c136b774782298cf9c1981fcd62a76fec807eee3b43a

https://kuskus.e1a1737083ffd849ad2638b7e6069dec.r2.cloudflarestorage.com/github-profile?X-Amz-Expires=3600&X-Amz-Date=20240501T150941Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=4b9db796d0eecc94ddc55e4681d21b0b%2F20240501%2Fauto%2Fs3%2Faws4_request&X-Amz-SignedHeaders=accept-encoding%3Bhost&X-Amz-Signature=379f324c8c9d25897286c136b774782298cf9c1981fcd62a76fec807eee3b43a

nikiv.dev•5/1/24, 3:10 PM

which is not public access still

nikiv.dev•5/1/24, 3:10 PM

i don't get how to get public access url to my object

lee•5/1/24, 3:10 PM

I don't know if it's in my place to say/ask this, but would it be possible to move the wall of text that falls past scrollback/stream of consciousness/rubber ducky-ing... offline? And post formulated questions when you have them here?

lee•5/1/24, 3:11 PM

Relevant foss community management topic: https://communitymgt.fandom.com/wiki/Help_Vampire

nikiv.dev•5/1/24, 3:11 PM

I'll create a thread, sorry

nikiv.dev•5/1/24, 3:11 PM

how to get public access url to object in bucket with cloudflare r2

lee•5/1/24, 3:21 PM

Hi friends, just looking for a quick sanity check - would Cloudflare happen to have an "official" GitHub Actions action for R2 that we can use to copy a git-lfs to a bucket?

Would be ideal instead of using something third party like https://github.com/marketplace/actions/r2-upload-action (and don't want to write our own workflow if we can help it, we'd want to trust others to keep up to date on any breaking changes, although S3 API is pretty mature).

kian•5/1/24, 3:37 PM

Nope, nothing official

try { const response = await fetch( "https://avatars.githubusercontent.com/u/6391776?v=4s", ) if (!response.ok) throw new Error("Network response was not ok") const blob = await response.blob() const arrayBuffer = await blob.arrayBuffer() await client.put("github-profile", arrayBuffer) } catch (error) { console.error("Error fetching the image:", error) }

https://kuskus.e1a1737083ffd849ad2638b7e6069dec.r2.cloudflarestorage.com/github-profile?X-Amz-Expires=3600&X-Amz-Date=20240501T150941Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=4b9db796d0eecc94ddc55e4681d21b0b%2F20240501%2Fauto%2Fs3%2Faws4_request&X-Amz-SignedHeaders=accept-encoding%3Bhost&X-Amz-Signature=379f324c8c9d25897286c136b774782298cf9c1981fcd62a76fec807eee3b43a

Also wouldn't the S3 api be faster on large scale? Since you won't be going through another layer of

Similar Threads

Similar Threads

Similar Threads