I an encountering an issue with react-dropzone for quite a long time. First, let's jump straight to the problem with a video: https://drive.google.com/open?id=1UmWtHbQ9U0LBHxYtZ1YSoXrfsezwH-os Th...

Hope you help me with this, I'm using the useDropzone hook from react-dropzone and I don't know how to make a remove file button for each file. How can I remove a single file? This is my code: ...

I've read quite a few answers on SO about this, and most advise using the acceptedFiles property to specify the accepted mime types. However, the DropZone docs say: Mime type determination is n...

I have inherited a code base that is React.JS on the front-end and Node.JS/Express.JS on the back-end on an AWS EC2 instance server. The code I have usese react-dropzone (https://react-dropzone.js....

I am currently using Material Ui dropzone to upload multiple files. just wondering what is the best way to add/update files in the redux store. I am currently doing a dispatch action when "onChange...

I am using the following to allow a user to upload a profile photo with react-dropzone: const FILE_FIELD_NAME = 'files'; const renderDropzoneInput = (field) => { const files = field.input.val...

I am using react-dropzone on my app and would like to have multiple dropzones on one page to preview multiple images. For example, I would like to be able to drop a hero image onto a dropzone that ...

My react-dropzone 'accept': { .. } parameter seems to be totally ignored when I am uploading files. My useDropzone({}): const {getRootProps, getInputProps, isDragActive} = useDropzone({ onDrop, ...

I need help with how to make the react-dropzone NPM package in making uploaded files show a preview on files other than Image files (*.png, *.jpg/jpeg, *.gif, etc. — those all generate a preview ju...

I am looking here for upload folder in reactjs.I have folder in that doc and docx files are there I just want to upload folder when user click in browse button.where I have to not allowed user for ...

I want to test onDrop method from react-dropzone library in React component. I am using Jest, React Testing Library. I'm creating mock file and I'm trying to drop this files in input, but in consol...

I am using react-hooks with dropzone. So, my code looks something like this: const onDrop = (acceptedFiles) => { console.log(acceptedFiles); }; const { getRootProps, getInputProps } = useDro...

I'm trying to use the native Fetch and FormData APIs to upload multiple files at once to the server but I can't for the life of me get it to work. Here's what I've got: // acceptedFiles are File o...

I´m currently building a react drop zone for obvious reason, but am getting those weird errors: Skipped "accepted" because it is not a valid MIME type. Check https://developer.mozilla.org...

How to use react-dropzone with react-hook-form so that the form returns proper file - not just file name?

I'm testing React Dropzone and I need to check the onDrop function. This function has two parameters (acceptedFiles and rejectedFiles). I'm mocking the files like this: let image = { name: 'cat.j...

I originally thought this was an issue with react-redux, axios, lodash, and/or react-dropzone; however, files are uploading fine, but this error still triggers. (Even though it is says "failed" in ...

I am using react-dropzone for image upload. Everything is working fine. Validation for image size is also working fine. But I could not check the dimension for image. I want to validate the image's...

I'm using https://yuvaleros.github.io/material-ui-dropzone/ and I'm trying to make it so that it doesn't allow uploading duplicates of previously uploaded files. I've tried on onchange function tha...

Using react-dropzone to upload the file, I want to achieve the file progress like in percentage of file transfer or mbs data transfer. Here is the link of: https://react-dropzone.netlify.com/ onD...

I have two components, first is Formik form: <Formik initialValues={{files: []}} onSubmit={values => { console.log(values)}}> {props => ( <form onSubmit={props.handleSubmit}&g...

I am trying to understand what is the best method in which large files can be uploaded to a server from the front-end. For the front-end, I make use of a library called react-dropzone which allows ...

I've installed react dropzone in a react app. When adding the component dropzone, the app crashes, claiming that: TypeError: children is not a function Dropzone.render node_modules/react-dropzone/...

I'm trying to learn more about working with files for an upcoming project. Is there a way with react-dropzone that I can run a function when onDrop happens to change the contents of the files I'm u...

I'm using react-dropzone to allow a user to upload a profile photo. I define the custom CSS like so: const dropzoneStyle = { width: `200px`, height: `200px`, backgroundColor: `#1DA1F2`, }; ...