uploadImageToR2: builder.mutation<any, cloudFlareUploadRequest>({
    query: (uploadRequest) => ({
      url: `${uploadRequest.preSignedUrl}`,
      method: "PUT",
      body: uploadRequest.file,
      headers: {
        "Origin": "http://localhost:3001",
        "Content-Type": uploadRequest.file.type 
      },
    }),
  
    transformResponse: (response: any, meta) => {
      console.log("Success");
      return response;
    },
    transformErrorResponse: (response, meta, arg) => {
      return {
        originalArg: arg,
        error: response,
      };
    },
  }),

Content-Type

access to fetch at ... from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

accountid.r2.cloudflarestorage.com/bucketname/

var credentials = new BasicAWSCredentials("accesskey",
                "secretkey");



            _s3Client = new AmazonS3Client(credentials, new AmazonS3Config
            {
                ServiceURL = $"https://accountid.r2.cloudflarestorage.com",
               
                

            });

public string GetPreSignedUrl(string bucketName, string keyName)
        {

            AWSConfigsS3.UseSignatureVersion4 = true;
            var request = new GetPreSignedUrlRequest
            {
                BucketName = "test-bucket",
                Key = keyName,
                Verb = HttpVerb.PUT,
                Expires = DateTime.Now.AddMinutes(45),

                
               
            };

            var url = _s3Client.GetPreSignedURL(request);
            return url;
        }

R2ListOptions

include

expiry

setCacheR2

Content-Type

getCacheR2