Function uploadFile

app/page.tsx:43–69

(file: File)

    useEffect(() => {
        if (file === null) return
        const uploadFile = async (file: File) => {
            const fileName = `${file.name}`.replaceAll(
                /[^a-zA-Z0-9.]/g,
                "-"
            );
            const now = new Date()
            const date = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}-${now.getHours()}`
            const objectKey = date + "-" + generateRandomString() + "-" + fileName
            const requestUrl = `${API_URL}/presigned-url?key=${objectKey}&content-length=${file.size}&no-wait=5&max-requests=2&expire=1800&limit-rate=5242880&force-download=true`
            const response = await fetch(requestUrl)
            if (!response.ok) {
                console.log("error", response.status)
                return
            }

            // 获取一个签名的put-url和get-url
            const result = await response.json()
            const presignedGetUrl = result['get-url']
            const presignedPutUrl = result['put-url']
            setPrisignedGetUrl(presignedGetUrl)

            await upload(presignedPutUrl, file, function (event) {
                if (event.lengthComputable) {
                    setProcess(event.loaded / event.total * 100)
                }
            })
        }
        uploadFile(file).then(() => {
            console.log("upload file success")
            setProcess(100)