The instructions are multifold, before we begin, consider what you will call the bucket for your files. E.g. my-storage-bucket.
Cloudflare R2 is free for the first 10GB of storage, then is $0.015/GB-month of storage. R2 uniquely does not charge for transfers, for uploading and downloading.
References used to construct this guide:
| // boj转换url参数 | |
| const parseParam = (param, encode) => { | |
| let s = [] | |
| const add = (key, val = '') => { | |
| let _param = encode ? `${encodeURIComponent(key)}=${encodeURIComponent(val)}` : `${key}=${val}` | |
| s[s.length] = _param | |
| } | |
| if (Array.isArray(param)) { | |
| param.forEach((v, i) => add(i, v)) | |
| } else { |
| <html lang="en" data-theme="emerald"> | |
| <head> | |
| <title>Demo</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script> | |
| <style></style> |
| type WatermarkCanvasConfigurableOptions = { | |
| textAlign?: string, | |
| textBaseline?: string, | |
| font?: string, | |
| fillStyle?: string, | |
| } | |
| type WatermarkConfiguration = { | |
| container: HTMLElement | null, | |
| id: string, |
| <template> | |
| <div class="demo"> | |
| <button type="button" @click="minus" :disabled="value <= min">-</button> | |
| <label> | |
| <span v-show="!focused">{{ value }}{{ unit }}</span> | |
| <input | |
| type="number" | |
| pattern="[0-9]*" | |
| ref="realInput" | |
| v-model.number="value" |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <!-- <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> --> | |
| <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@2.8.2/dist/alpine.min.js"></script> | |
| </head> |
| // fit for concat html property | |
| function escapeQuotes(raw, escape_double, escape_single) { | |
| if(escape_double) raw = raw.replace(/"/g, """); | |
| if(escape_single) raw = raw.replace(/'/g, "\'"); | |
| return raw; | |
| } |
| package main | |
| import ( | |
| "bytes" | |
| "io" | |
| "log" | |
| "os" | |
| "os/exec" | |
| "strings" |
| import ( | |
| "fmt" | |
| "net/http" | |
| "os" | |
| "strings" | |
| "github.com/gin-gonic/gin" | |
| "caddy-http-tls-provider/bootstrap" | |
| "caddy-http-tls-provider/utils" |
| let status = false; | |
| let iframeReq = () => { | |
| return new Promise((resolve, reject) => { | |
| let timeout = 10; | |
| let counter = 0; | |
| let timer = setInterval(() => { | |
| if(!status) { | |
| if(counter < timeout) { | |
| counter++; | |
| } else { |
