Telerik Forums
KendoReact Forum
1 answer
9 views

Hm... I have server-side processing triggered at the saveUrl endpoint of the Upload component endpoint. 

How do I explicitly set a timeout for the response?

Konstantin Dikov
Telerik team
 answered on 16 May 2024
0 answers
14 views

I want to change the upload icon in Drag&drop component  to    before uploading the file. 

 

&   after uploading the file

Abhishek
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 12 Mar 2024
1 answer
138 views

I need to upload a file on OneDrive via API.

As explained here https://learn.microsoft.com/en-us/onedrive/developer/rest-api/api/driveitem_createuploadsession?view=odsp-graph-online first of all I create an upload session which allow to upload large files.

After I obtain a temporary upload URL which I then pass to Upload component via prop saveUrl.

Below is my current setup of React component:

 


					<Upload
						saveUrl={uploadUrl}
						saveHeaders={{
							Authorization: `Bearer ${accessToken}`
						}}
						saveMethod='PUT'
					/>

I am getting error The Content-Range header is missing or malformed. and I would like to know how to sent bytes as explained here https://learn.microsoft.com/en-us/onedrive/developer/rest-api/api/driveitem_createuploadsession?view=odsp-graph-online#upload-bytes-to-the-upload-session


Thanks

Damir
Top achievements
Rank 1
Iron
 answered on 07 Dec 2023
1 answer
79 views

Hi Team, 

I have a problem with uploading multiple files. I tried to upload multiple files at the same time. And when it is done, the validation message of some files is not consistent. (some files display the size of the file instead of the validation message)

This issue happens in my local, but I can't reproduce it in the demo example of React Kendo Upload Component.
Are there any ideas for fixing this issue?

Note: I used the latest version of the upload component (version @5.16.1)

Thanks.

Wissam
Telerik team
 answered on 03 Aug 2023
1 answer
319 views
Is this possible without CSS? I couldn't find any existing threads / KB articles / UploadProps that help me accomplish this.
Vessy
Telerik team
 answered on 14 Jun 2023
0 answers
104 views

i am creating a upload component to upload file and images to DB via link.
following is the code snippet for the same
i am able to upload the files and images
but when editing the data, onAdd function is cancelling the upload


if i remove setSignImgPathAzure then component works fine but i need to set the state to empty string for other dependency

i tried with using callbacks and basic debugging
not able to solve the error

  const onChangeHandler = (event: UploadOnAddEvent) => {
      fieldRenderProps.onChange({ value: event.newState });
      setSignImgPathAzure("");

    };

 

<Upload
            className="k-mt-5"
            batch={false}
            multiple={true}
            defaultFiles={[]}
            withCredentials={false}
            saveUrl={LOGO_UPLOAD_SAVE}
            onAdd={onChangeHandler}
            onRemove={onRemoveHandler}
            onStatusChange={getImgPath}
            restrictions={{
              allowedExtensions: FIELD_ALLOWED_IMAGE_TYPES,
              maxFileSize: 2000000,
            }}

          />

 

 

 

 

 

Tejas
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 24 May 2023
0 answers
73 views
How to extend timeout for the POST axios method used for saving the file using saveURL in kendo React UI upload 
Got1999
Top achievements
Rank 1
 asked on 19 May 2023
1 answer
37 views
Is there a way to disable only the buttons within the Upload component?

I am aware of the `disabled` attribute which disables the whole Component, but I need to disable only the 2 buttons which appear once you have at least 1 file on the list
Wissam
Telerik team
 answered on 15 May 2023
1 answer
78 views

I know that each listItemUI child has info about the file passed into it by props,

but is there a way to get a full list from the parent <Upload> component?

A callback function maybe?

for example:
<Upload getFileList = {getFileList} />

const getFileList = (list) => {
     console.log(list);
}

Wissam
Telerik team
 answered on 11 May 2023
1 answer
198 views

Need to know how to perform chunk upload for multiple files, in kendo React UI upload.... 

Also need to know how to upload really large of 2 GB via Kendo react upload if not for chunk upload. Increasing the max fileSize in the upload doesn't actually for this case...

Vessy
Telerik team
 answered on 25 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?