Question: displaying images from server not work

Hey Guys,

I’m trying to Initialize uppy with pictures, but they don’t show up on the dashboard

  

res.idea.images.forEach((file) => {
          Axios.get(
            "serverlink"+
              file,
            { responseType: "blob" }
          ).then((blob) => {
            console.log(blob.data);
            var fileURL = URL.createObjectURL(blob.data);
            uppy.addFile({
              id: file,
              name: file,
              type: "image/jpeg",
              data: blob.data,
              meta: {
                relativePath: null,
              },
              preview: fileURL,
              source: "Local",
            });
            uppy.getFiles().forEach((file) => {
              uppy.setFileState(file.id, {
                progress: {
                  uploadComplete: true,
                  uploadStarted: null,
                },
              });
            });
          });
        });

[goto-bus-stop]

You are probably accidentally recreating the Uppy instance on each render. We have instructions for how to correctly initialize Uppy in both function components and class components.

[Murderlon]

Closing this question to keep the issue count maintainable. If @goto-bus-stop’s suggestion didn’t fix your problem, we can still continue the discussion here even though it’s closed.