Can onSuccess return the file address when the upload is successful?

[mdxiaohu]

Can onSuccess return the file address when the upload is successful?

[mdxiaohu]

I have reviewed some questions and responses regarding this method.

Will the onBeforeRequest method necessarily be triggered when onSuccess is triggered?
Can I determine the type of method in onBeforeRequest to determine if the upload was successful.

For example, when the type is PATCH, it can be confirmed that the current file has been successfully uploaded.

I don't know if my understanding is correct.

[mdxiaohu]

[Acconut]

Have a look at the upload.url property (https://github.com/tus/tus-js-client/blob/main/docs/api.md#tusuploadurl). This might be what you are looking for.

[mdxiaohu]

Perhaps language translation may lead to misunderstandings.
To be precise, what I want to ask is the return parameter of onSuccess.

for example: #304

[mdxiaohu]

I may not have explained it clearly, but I think I should describe my problem again.

After uploading the file, the onSuccess method will be triggered.
But the onSuccess method does not have any return value.

I use the uppy open-source library in combination to upload multiple files.
In the absence of a return value for onSuccess, I don't know which file has already been uploaded.

The current plan is to have two solutions.

The first option:

Currently, it has been observed that onSuccess triggers onBeforeRequest before each trigger.

onBeforeRequest(req, file) {
    console.log(req, file, 'req, file')
    if (req._method == 'PATCH' && file.source) {
	    this.saveObj = {
		    fileId: file.source,
		    fileUrl: req._url
	    }
    }
},

Determine the corresponding parameters and save the information of the file that is about to be uploaded.

The second option:

I don't know if onSuccess can return parameters like onBeforeRequest.
Just like below.

onSuccess(req, file) {
    console.log(req, file, 'req, file')
}

I am not sure if the first method is feasible, and for the second method, it is necessary to extend the open source library, which I am not sure if it is feasible.

[Acconut]

I am still confused about what you are actually trying to achieve here. What do you mean by "file address"? Are you trying to retrieve some data returned from the server? Or do you just want to identify which files are uploaded when Uppy emits an event?

[mdxiaohu]

Thank you for your reply.

When the file is successfully uploaded, a URL will be returned, which is the address of the file on the server.
This is the onBeforeRequest method, which callback parameters when triggered.
You can access files through this address, just like accessing image resources on a server.
https://github.com/logo.png

[Acconut]

tus-js-client exposes this URL through its Upload#url property, as explained above. I am not sure how you can access this URL through Uppy. That question is best asked to the Uppy engineers directly.

However, it seems like Uppy emit a special event that includes the URL once the upload is finished: https://github.com/transloadit/uppy/blob/df11d2bc83eea2894e294f69947ba779e6b60711/packages/%40uppy/tus/src/index.js#L270-L277

[mdxiaohu]

You are really amazing, thank you very much.
I once thought that "upload-success" would only take effect when using "@upload/xhr-upload".

[Acconut]

Glad I could help!

I once thought that "upload-success" would only take effect when using "@upload/xhr-upload".

Maybe that's something that can be improved in the documentation, @arturi @Murderlon @aduh95?