Friday, September 06, 2013

Kendo UI File Uploading Client Side Validation

In Kendo UI async file uploading there is no option to make some client side validation like:
  • No of files you can upload at a time
  • Size of the file
  • Extension of your uploading file
              So, how we can achieve this ? So, to know that see the javascript code snippet below. I am going to explain that.


              So, if you notice in select method we are getting all selected files in "e.files". Using that we can get all information of the selected files .

              To cancel the selected files we are just writing the line "e.preventDefault();". After each e.preventDefault() I am writing "return false" that is because when the condition checking gets an error it just comes out of the function with one message. If we will remove that then it will alert all error messages then it will cancel the selected files.
          To display only first error message I have wrote "return false". If you want to display all error messages then you write your own javascript logic.

So, now you can see what other information "e.files" and according to that you can implement your logic.

6 comments:

  1. Thank you very much, you help me much.
    And, can you post add function to check existent files of Kendo UI Upload.

    ReplyDelete
  2. Sorry if this posts twice. Thank you for the great article! Is there anyway you can post some pseudo code of you cfm? I'm having a heck of a time finding the file on the server. I'm also not seeing any of the objects I'm appending to the e.data object in the upload event handler. Thanks for your help! --Matt

    ReplyDelete
    Replies
    1. Sorry for the delay. Below is the link to server side scripts

      https://gist.github.com/roulupen/78908dc66ec1d01ce6f8

      Delete
  3. Thank, it help all of the required checking

    ReplyDelete
  4. How can i get file path in script after upload completely ?

    ReplyDelete
    Replies
    1. Please refer sample server side code:
      https://gist.github.com/roulupen/78908dc66ec1d01ce6f8

      Delete

Followers