graphql-upload
Middleware and a scalar Upload to add support for GraphQL multipart requests (file uploads via queries and mutations) to various Node.js GraphQL servers. (by jaydenseric)
react-dropzone
Simple HTML5 drag-drop zone with React.js. (by react-dropzone)
SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io
featured
| graphql-upload | react-dropzone | |
|---|---|---|
| 6 | 28 | |
| 1,437 | 10,878 | |
| 0.0% | 0.5% | |
| 7.9 | 7.7 | |
| 11 months ago | 6 months ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
graphql-upload
Posts with mentions or reviews of graphql-upload.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-10-02.
-
Send audio files to graphql
Uploading cloud storage (s3, firebase storage, etc) is probably best. I do not recommend it, but graphql-upload is a thing. https://github.com/jaydenseric/graphql-upload
-
What is the datatype that can be used for a create mutation for uploading a file of doc/pdf type?
Look at the grapqhl file upload spec (https://github.com/jaydenseric/graphql-upload). Basically the custom type File is just a string path which the server will use to get the file from the multipart request.
- How do you upload a file to Apollo server?
-
Express application crashes when it is built with webpack
I am not sure if this actually a problem with graphql-upload or webpack or something else. I also noticed that my issue looks similar to this issue, but I didn't really understand if there were any fixes to that issue and if indeed it is the same issue I am facing.
-
What are your thoughts on Next/Apollo/Prisma stack? Should I use it for my project (see details in the description)? Can you share some advice?
For file-uploads there is https://github.com/jaydenseric/graphql-upload. Usually at scale you would use a service such as S3 for storing the files. IMHO, proxying the files through the GraphQL server is a big performance penalty. Therefore I would rather recommen uploading to the file storage directly from the client, e.g. by issuing a pre-singed upload url that can be requested via a GraphQL mutation.
-
Implementing image uploading with Type-GraphQL, Apollo and TypeORM
To upload images with GraphQL, make sure to add [graphql-upload](https://github.com/jaydenseric/graphql-upload).
react-dropzone
Posts with mentions or reviews of react-dropzone.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-12-16.
- Comparison of S3 upload feature between Documenso and aws-s3-image-upload example
-
Uploading Images to AWS S3 with Next.js and React Dropzone — A Complete Guide
Learn more about React Drop zone here
-
Developed an image compression site to fight pandas.
ImgRoller has a Doropzone that allows you to drag and drop files to select files. And I think the most famous way to create it in React is to use the package react-dropzone.
-
Top 10 react packages for SaaS platforms
6. Simplify File Uploads with React-Dropzone
-
React Ecosystem in 2024
Website: React Dropzone
-
Uploading Images in React
In addition to being able to access the file browser to select an image to upload, I also wanted to be able to drag'n'drop that image as well. While researching a few options, I came across react-dropzone, a "Simple React hook to create a HTML5-compliant drag'n'drop zone for files." Installation was easy, and the docs were well-written with many examples of different applications.
-
A document Q&A chatbot built with Next.js + supabase + GPT
The journey starts with the user uploading the PDF document. For this, I used the react-dropzone library. The library supports both drag-and-drop and click-based uploads. Once the user drops the file into the input, the file is sent to the backend for processing
-
🎉Top React Libraries for Developers
React Dropzone is a popular open-source library for creating file upload components in React applications. It provides an easy way to implement drag-and-drop file uploads and supports various customization options.
-
Filebrowser/Filesystem component
If you want some more advanced functionality, take a look at react-dropzone
-
Drag and Drop for React 18
React-Dropzone: https://github.com/react-dropzone/react-dropzone
What are some alternatives?
When comparing graphql-upload and react-dropzone you can also consider the following projects:
better-sqlite3 - The fastest and simplest library for SQLite3 in Node.js.
react-dnd - Drag and Drop for React
apollo-upload-client - A terminating Apollo Link for Apollo Client that fetches a GraphQL multipart request if the GraphQL variables contain files (by default FileList, File, or Blob instances), or else fetches a regular GraphQL POST or GET request (depending on the config and GraphQL operation).
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
sided - 🗞 News from the other side of the political spectrum that challenge your existing biases.
react-dragula - :ok_hand: Drag and drop so simple it hurts
SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io
featured