I really want to get any mention when I uploaded files.

[elitesuper]

@yoavniran first of all I'm very thank you for your previous help.
I saw many discussions about that.
but I think it is some necessary to get any mention about upload ended when multiple files uploading.
because some of developers wanted move on next step when all files uploaded.
please consider about that and please inform me your opinion or way.
and I have some problems with useItemFinishListener it isn't working below code except useItemProgressListener

const LogProgress = (item:any) =>{
  useItemProgressListener((item:any) => {
	  console.log(item)
  });
  useItemFinishListener((item:any) => {
            console.log(`item ${item.id} finished uploading, response was: `, item.uploadResponse, item.uploadStatus);  
        });
  
  return null;
}

[yoavniran]

Hey @elitesuper
You can achieve what you need by tracking ITEM-START and ITEM-FINALIZE (not FINISH) events.
you can do that simply with a counter that goes up on START and goes down on FINALIZE. When it gets to 0 it means no active uploads.

[elitesuper]

yeah, you are right, so I've had a upload server already.
if I don't use mock, files successfully uploaded.
But if I use mock, it isn't working.

[elitesuper]

is that mock used by only debug purpose?

[elitesuper]

Hey @elitesuper You can achieve what you need by tracking ITEM-START and ITEM-FINALIZE (not FINISH) events. you can do that simply with a counter that goes up on START and goes down on FINALIZE. When it gets to 0 it means no active uploads.

is it possible in multiple files?
how can I implement your opinion?

const LogProgress = () => {

	const [progress, setProgess] = useState(0);

	useItemStartListener((item) => {
		console.log(`useItemStartListener => item ${item.batchId}`);
	});
  
    useItemFinalizeListener((item) => {
        console.log(`useItemFinalizeListener => item ${item.batchId}`);
    });

	return null;
}

[yoavniran]

is that mock used by only debug purpose?

Yes. Its only for your tests/debug

Is it possible in multiple files?

of course. ITEM-START is called for every item when uploading begins
ITEM-FINALIZE is called for every upload that ends, successfully or not

[elitesuper]

Okay, Thanks!

[elitesuper]

Hi dear Thanks for your help, and I also have some problems again.
How do I view uploaded images in interface?
I'll wait your answer.
Kind regards.

[yoavniran]

https://react-uploady.org/docs/packages/rpldy-upload-preview/

https://codesandbox.io/s/preview-progress-react-uploady-pki4i

[elitesuper]

😒I thought There are more issues and problems than react-dropzone,
In react-dropzone, I can get all files(for instance total files number) and info before file upload then send server
but I think, In rpldy/react-uploady, I can't check total targetfile's number before send server.
so then I check total files number and uploaded files number and failed files number with server response.
rpldy/react-uploady ignore server's activation.
this library only be used file uploaded I mean that can't do well with other interaction.
maybe I don't know about rpldy/react-uploady deeply.