react-images-uploading icon indicating copy to clipboard operation
react-images-uploading copied to clipboard

Get FileList Object from ImageUploading component

Open RaymondMwaura opened this issue 3 years ago • 0 comments

Is it possible to get the FileList object itself from the ImageUploading component? Such as from the 'onChange' method or using a 'ref' attribute. I would like to extract the FileList object and pass it to my submit method. My efforts at building an object to mimic it and pass it on to my submit function have been unsuccessful for far. I can create an object but my backend expects a FileList and so the submission fails.

  let files;
  const onChange = (imageList) => {
    setImages(imageList);
    files = {};
    let index = 0;
    imageList.forEach((image) => {
      files[index] = image.file;
      index += 1;
    });
    // my files object above is not recognized as a FileList Object

UPDATE

Using a Map Object I was able to mimic the functionality of the FileList as follows:

  const files = [];
  const onChange = (imageList) => {
    setImages(imageList);
    imageList.forEach((image) => {
      files.push(image.file);
    });

   const FilesMap = new Map();
    let index = 0;

   files.forEach((file) => {
     FilesMap.set(file, [`variables.yourImageUrl.${index}`]);
     index += 1;
   });

However, it would be great if a callback was made available in this awesome package to simply this.

RaymondMwaura avatar Sep 05 '20 00:09 RaymondMwaura