You do not use cnames for r2 buckets. You setup the custom domain in the R2 settings

Z

zach•3/13/24, 4:45 AM

in their docs, https://simp.world/ynEepaGlJ2ig?key=0SVc4LXYY7QcbGH5rjPp2Raj691XBprw

UUnsmart You do not use cnames for r2 buckets. You setup the custom domain in the R2 sett...

Z

zach•3/13/24, 4:45 AM

sorry, we're in the wrong channel and i didnt redirect

Z

zach•3/13/24, 4:46 AM

oh lol

Y

yousef•3/13/24, 3:19 PM

i'm trying to upload an image file to r2

Y

yousef•3/13/24, 3:19 PM

using postman

Y

yousef•3/13/24, 3:19 PM

but I just can't figure it out

Y

yousef•3/13/24, 3:21 PM

this is what my query looks like: https://{{account-id}}.r2.cloudflarestorage.com/{{r2-bucket}}/{{r2-object}}
r2-object is cat-pic.jpg
I'm sure my authorization credentials are correct because I can get buckets and list files but can't upload an image

Y

yousef•3/13/24, 3:21 PM

I can upload using "raw" but not "binary"

Y

yousef•3/13/24, 3:21 PM

this is the error I get:

<?xml version="1.0" encoding="UTF-8"?>
<Error>
    <Code>InvalidArgument</Code>
    <Message>Invalid Argument: Authorization</Message>
</Error>

<?xml version="1.0" encoding="UTF-8"?>
<Error>
    <Code>InvalidArgument</Code>
    <Message>Invalid Argument: Authorization</Message>
</Error>

<?xml version="1.0" encoding="UTF-8"?>
<Error>
    <Code>InvalidArgument</Code>
    <Message>Invalid Argument: Authorization</Message>
</Error>

<?xml version="1.0" encoding="UTF-8"?>
<Error>
    <Code>InvalidArgument</Code>
    <Message>Invalid Argument: Authorization</Message>
</Error>

D

DanTheGoodman•3/13/24, 3:26 PM

Sometimes when doing a head request, I am getting the error

"reason":"Bad Request","statusCode":400},"message":"UnknownError"

"reason":"Bad Request","statusCode":400},"message":"UnknownError"

"reason":"Bad Request","statusCode":400},"message":"UnknownError"

"reason":"Bad Request","statusCode":400},"message":"UnknownError". This is happening a lot

A

amarezenebe•3/13/24, 4:07 PM

Hi i try to use R2 and i set CORS policy like this but still i can access from different domain.... when i check the response header i didn't see any Access-Control-Allow-Origin rule and i try to read all the documentation i didn't find any solution

please help me...

Yyousef this is the error I get: ```<?xml version="1.0" encoding="UTF-8"?> <Error> <...

Y

yousef•3/13/24, 4:27 PM

any help please

Y

yousef•3/13/24, 4:27 PM

I've been stuck for the past few hours now

Y

yousef•3/13/24, 4:51 PM

@Space - Ping in replies

Aamarezenebe Hi i try to use R2 and i set CORS policy like this but still i can access from d...

A

amarezenebe•3/13/24, 4:58 PM

any help please ?

Yyousef I've been stuck for the past few hours now

Y

yousef•3/13/24, 5:19 PM

I made a new bucket, same issue

Y

yousef•3/13/24, 5:40 PM

no way

Y

yousef•3/13/24, 5:40 PM

the solution was literally using postman desktop instead of the postman website

S

samuel__•3/13/24, 7:34 PM

Hello, after tyring to setup r2, i can't access my website by tiping namesite.com, it says "the site can't be reached". Please, i need help

Original message was deleted

S

samuel__•3/13/24, 7:46 PM

yes

S

samuel__•3/13/24, 7:47 PM

could i dm you with my current dns settings?

Y

yb•3/14/24, 3:05 AM

can i set r2 storage region into a specific data region?
For example, GCS supports asia-northeast3 (Seoul) to specify country because of data residency.

Yyb can i set r2 storage region into a specific data region? For example, GCS suppor...

C

Chaika•3/14/24, 3:15 AM

R2 has two options in that way:
Jurisidctions to meet Data Residency Requirements, which currently only supports EU
and Location Hints, where you can hint it to be at a specific location

C

Chaika•3/14/24, 3:15 AM

Both can be set on creating a bucket

C

Chaika•3/14/24, 3:16 AM

There's nothing specific to Seoul though, and I believe the APAC storage is mostly Singapore?

CChaika R2 has two options in that way: Jurisidctions to meet Data Residency Requirement...

Y

yb•3/14/24, 3:40 AM

Thanks Chaika,
Do you happen to know if there are any roadmaps on this feature?

Aamarezenebe Hi i try to use R2 and i set CORS policy like this but still i can access from d...

A

amarezenebe•3/14/24, 5:03 AM

any one please... I've been stuck

MMinsu Kim ```json [ { "AllowedOrigins": [ // your domain ], "AllowedMe...

A

amarezenebe•3/14/24, 6:00 AM

Hi...still the same issue... i add the domain but still i can access from different domain .... i tried in different browser in case cache problem but still i can access it

A

amarezenebe•3/14/24, 6:04 AM

K

kian•3/14/24, 9:12 AM

GET for an image is a simple request, it doesn't need CORS.

Kkian GET for an image is a simple request, it doesn't need CORS.

A

amarezenebe•3/14/24, 10:12 AM

what if i want to restrict my image domain not to be access with other domain ?

Aamarezenebe what if i want to restrict my image domain not to be access with other domain ?

K

Karew•3/14/24, 10:27 AM

https://developers.cloudflare.com/waf/tools/scrape-shield/hotlink-protection/

Cloudflare Docs

Hotlink Protection · Cloudflare Web Application Firewall (WAF) docs

Hotlink Protection prevents your images from being used by other sites, which can reduce the bandwidth consumed by your origin server.

J

j.purohit198•3/14/24, 11:17 AM

Hi all, I am trying to implement CloudFlare R2 in my Flutter project. But I am getting eith 400 or 403 all the time.
Here is the gist of my code: https://gist.github.com/jitendrapurohit12/81ad9b07c1237cb234c14e1328df236e

I am using "amazon_cognito_identity_dart_2" package.

Gist

cloud_flare_r2.dart

GitHub Gist: instantly share code, notes, and snippets.

Jj.purohit198 Hi all, I am trying to implement CloudFlare R2 in my Flutter project. But I am g...

Y

yousef•3/14/24, 11:19 AM

I was able to successfully implement it in flutter

Y

yousef•3/14/24, 11:20 AM

I used https://pub.dev/packages/aws_signature_v4

Dart packages

aws_signature_v4 | Dart package

Dart implementation of the AWS Signature Version 4 algorithm, for communication with AWS services.

Yyousef I was able to successfully implement it in flutter

J

j.purohit198•3/14/24, 11:22 AM

Tried that too with the same issue. Can you please share the code snippet without your key and secret?

Y

yousef•3/14/24, 11:22 AM

sure

Y

yousef•3/14/24, 11:22 AM

are you using image_picker or a file picker?

J

j.purohit198•3/14/24, 11:22 AM

yes.

Y

yousef•3/14/24, 11:22 AM

ok I used image_picker

Y

yousef•3/14/24, 11:23 AM

I will share my image upload function

J

j.purohit198•3/14/24, 11:23 AM

yes, please. thanks.

Y

yousef•3/14/24, 11:24 AM

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

Y

yousef•3/14/24, 11:25 AM

you should fill the {{}}

Y

yousef•3/14/24, 11:26 AM

with your values

You do not use cnames for r2 buckets. You setup the custom domain in the R2 settings

Similar Threads

Similar Threads

Similar Threads