Code Monkey home page Code Monkey logo

sveltekit-s3-multipart-upload's Introduction

Rodney Lab sveltekit-s3-multipart-upload Github banner

Rodney Lab logo

SvelteKit S3 Multipart Upload

sveltekit-s3-multipart-upload

Open in StackBlitz

Demo code for multipart upload using S3 compatible storage with SvelteKit. The code accompanies the video on uploading larger files to S3 compatible storage using a SvelteKit app. If you have any questions, please drop a comment at the bottom of that page.

Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/sveltekit-s3-multipart-upload.git
cd sveltekit-s3-multipart-upload
pnpm install # or npm install
pnpm run dev

Building

pnpm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.

sveltekit-s3-multipart-upload's People

Contributors

rodneylab avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

abdurrauf2022

sveltekit-s3-multipart-upload's Issues

Bug with Cloudflare R2

Describe the bug

When you try to use this with Cloudflare R2 it doesn't work giving an error:
Error in handleSubmit on / route: TypeError: Cannot read properties of undefined (reading 'forEach')

Error: Invalid response from route /api/presigned-urls.json: handler should return a Response object

To Reproduce
clone main branch,
update line 29 of storage.js with fetch(https://${S3_COMPATIBLE_ACCOUNT_ID}.r2.cloudflarestorage.com,
update .env with cloudflare r2 credentials

Here is a link to the cloudflare r2 example for aws-sdk-js
https://developers.cloudflare.com/r2/examples/aws/aws-sdk-js-v3/

Expected behaviour

the api to to return a response with the error message included

Screenshots

Desktop (please complete the following information):

  • OS: arch linux
  • Browser thorium/ chromium
  • Version 109.0.5361.0

Smartphone (please complete the following information):
NA
Additional context
NA

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.