Questions tagged [uppy]

A full-featured file uploader for webbrowsers that supports tus

Sleek, modular open source JavaScript file uploader.

Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.

95 questions
1
vote
0 answers

Uppy Tus Plugin CORS Origin Policy Issues

I'm using Uppy TUS JS Client to upload files to my remote server on a VPS running Nodejs + PM2 + socketio. The server runs fine and I'm capable of sending and receiving data back and fourth just fine with my web app. No problem there. Problem is…
Grogu
  • 2,097
  • 15
  • 36
1
vote
3 answers

Uppy Companion doesn't work for > 5GB files with Multipart S3 uploads

Our app allow our clients large file uploads. Files are stored on AWS/S3 and we use Uppy for the upload, and dockerize it to be used under a kubernetes deployment where we can up the number of instances. It works well, but we noticed all > 5GB…
JasonGenX
  • 4,952
  • 27
  • 106
  • 198
1
vote
0 answers

Undefined method `tr' when using active storage

Hey there I'm implementing uppy w/ s3 and active storage through this video and I'm not sure what I'm doing wrong. I'm using stimulus so here's the controller import ActiveStorageUpload from "uppy-activestorage-upload"; import { Controller } from…
Chris King
  • 95
  • 1
  • 10
1
vote
0 answers

Using @uppy/core and @uppy/transloadit with authkey and secret

I am trying to create a small uploader from my app, to upload a single image to transloadit. I’ve referred to documentations and this below example ( Transloadit — Uppy ) I have a specific path and don’t need webcam/Instagram source modules. (…
nullUser
  • 1,159
  • 2
  • 15
  • 26
1
vote
2 answers

How to keep the image previews of images that I have already uploaded upon re-render of Uppy instance in a React app

I am able to upload images using Uppy on my react app: Upon selection and upload of an image, I see a preview of the image, along with options to remove it, add more, etc.: After clicking the "Continue" button, the state of reporting (from const…
Atticus29
  • 4,190
  • 18
  • 47
  • 84
1
vote
0 answers

Super expression must either be null or a function Uppy Plugin React Js

Super expression must either be null or a function Uppy Plugin : Here my My Component Code Block Check: import Uppy from '@uppy/core'; import { DashboardModal, useUppy } from '@uppy/react'; import Tus from '@uppy/tus'; import React from 'react'; …
1
vote
1 answer

uppy.io using to send base64 encoded data rather than specifying a file input

Is there a way to send base64 encoded data using uppy.io? I already have it working for 'soft-copy' document uploads using the Dashboard component, but cant seem to work out a way where I can pass the file bytes and not use an input file tag to…
1
vote
2 answers

get value of elements in NodeList

I'm a bit confused about some expected behavior regarding NodeLists, and was hoping that someone could point me in the right direction. So I have a hidden input element whose value attribute holds a json string with a bunch of s3 upload data. It…
calyxofheld
  • 1,538
  • 3
  • 24
  • 62
1
vote
0 answers

Upload file with Uppy after form submit via AJAX

I am using the Uppy file uploader for uploading files. Now I have a form that sends data as AJAX, and the server stores form data in DB. Along with the form, I want to attach an Uppy file to the record which was uploaded in the form. So once both…
rjcode
  • 1,193
  • 1
  • 25
  • 56
1
vote
3 answers

Problem with getting filename before upload in uppy

I am trying to get the uploaded filename before it's actually uploaded. So i tried to use onBeforeUpload event and log it to console but nothing returns. Below is the code I have used. What did I do wrong? Thank you …
Lucian
  • 1,715
  • 3
  • 17
  • 26
1
vote
0 answers

Using required modules in Browserify Diffrently

First I bundled my main.js file with bundle.js my main.js: const Uppy = require('@uppy/core'); const XHRUpload = require('@uppy/xhr-upload'); const Dashboard = require('@uppy/dashboard'); const Webcam = require('@uppy/webcam'); const ImageEditor…
1
vote
0 answers

Upload video in Node/Express

Best way to handle video uploads in Node/Express, storage in AWS S3 Bucket? Preferably with some beginner-friendly docs. Looked at Uppy but can’t for the world figure out how it works server side.
1
vote
2 answers

Uppy - How do you upload to s3 via multipart? Using companion?

https://uppy.io/docs/aws-s3-multipart/ Uppy multipart plugin sounds like exactly what I need but I can't see how to do the backend part of things. The impression I get is that I need to setup a companion to route the upload to S3 but can't find any…
bldcaveman
  • 153
  • 1
  • 10
1
vote
1 answer

Why is image being laid out repeatedly in this background

I have this Codesandbox I can't understand why the image here looks like this: repeatedly being displayed please advice. This only happens when image ratio is 1:5 This code is this in AnimatedList.jsx:
Kid
  • 1,869
  • 3
  • 19
  • 48
1
vote
1 answer

The HTML elements in the icon section of UPPY.js are not rendered

I am making a custom Plugin but I found that if I return an html structure to generate a custom icon, it does not interpret the html. enter image description here class Cloud extends Plugin { constructor (uppy, opts) { …
JSCode
  • 31
  • 4