New to Kendo UI for jQuery? Start a free 30-day trial

FileBrowser.transport

configuration

Specifies the settings for loading and saving data.

fileBrowser.transport

Object

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
    tools: ["createLink"],
    fileBrowser: {
        transport: {
            read: "/filebrowser/read",
            uploadUrl: "/filebrowser/upload"
        }
    }
});
</script>

fileBrowser.transport.create

Object|String

Options or URL which will handle the directory creation. If not specified that create new folder button will not be present.

Important: The value of transport.create is passed to jQuery.ajax.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      create: "/create"
    }
  }
});
</script>

fileBrowser.transport.destroy

Object|String

Options or URL which will handle the file and directory deletion. If not specified the delete button will not be present.

Important: The value of transport.destroy is passed to jQuery.ajax.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      destroy: "/destroy"
    }
  }
});
</script>

fileBrowser.transport.fileUrl

String|Function

The URL responsible for serving the original file. A file name placeholder should be specified. By default the placeholder value is URL encoded. If this is not desired, use a function.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      fileUrl: "/content/files/{0}" //the placeholder will be replaced with the current virtual path and selected file name
    }
  }
});
</script>

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
  "insertFile"
  ],
  fileBrowser: {
    transport: {
      fileUrl: function (e) {
        return "/content/files/" + e;
      }
    }
  }
});
</script>

fileBrowser.transport.read

Object|String|Function

Options or URL for remote file retrieval.

Important: The value of transport.read is passed to jQuery.ajax.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      read: "/filebrowser/read"
    }
  }
});
</script>

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      read: function(options) {
          // query async service, then call options.success or options.error
          options.success([
            { "name": "foo", "type": "d" },
            { "name": "bar.pdf", "type": "f", "size": 15289 }
          ]);
      }
    }
  }
});
</script>

fileBrowser.transport.uploadUrl

String

The URL which will handle the upload of the new files. If not specified the Upload button will not be displayed.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  tools: [
	"insertFile"
  ],
  fileBrowser: {
    transport: {
      uploadUrl: "/upload"
    }
  }
});
</script>