Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title>JS Bin</title>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
  <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css"
        rel="stylesheet" />
  <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css"
        rel="stylesheet" />
  <style>
    .k-upload-selected,
    .k-upload-action {
      display: none;
    }
  </style>
</head>
<body>
  <div id="container">
    <input id="exp" name="exp" type="file" />
    <input id="upload" type="button" value="Upload file" />
    <input id="remove" type="button" value="Remove file" />
  </div>
  <script>
    $(function() {
      $("#exp").kendoUpload({
        multiple: false,
        async: {
          autoUpload: false,
          saveUrl: "/save",
          removeUrl: "/remove"
        }
      });
      
      $("#upload").click(function() {
          $(".k-upload-selected").click();
      });
      
      $("#remove").click(function() {
          $(".k-delete").parent().click();
      });
    });
  </script>
</body>
</html>
  
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers