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

SaveAs

configuration

Sets the saveAs options for the save command. Utilizes the kendo.saveAs method.

saveAs

Object

<div id="imageEditor"></div>
<script>
$("#imageEditor").kendoImageEditor({
    imageUrl: "https://demos.telerik.com/kendo-ui/content/shared/images/photos/2.jpg",
    saveAs: {
        fileName: "download.png"
    }
});
</script>

saveAs.fileName

String

Sets the filename of the saved file.

Default: "image.png"

<div id="imageEditor"></div>
<script>
$("#imageEditor").kendoImageEditor({
    imageUrl: "https://demos.telerik.com/kendo-ui/content/shared/images/photos/2.jpg",
    saveAs: {
        fileName: "download.png"
    }
});
</script>

saveAs.forceProxy

Boolean

If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally.

Default: false

<div id="imageEditor"></div>
<script>
$("#imageEditor").kendoImageEditor({
    saveAs: {
        forceProxy: true,
        proxyURL: "/save",
        fileName: "edited-image.png"
    }
});
</script>

saveAs.proxyTarget

String

A name or keyword indicating where to display the document returned from the proxy.

Default: "_self"

<div id="imageEditor"></div>
<script>
$("#imageEditor").kendoImageEditor({
    saveAs: {
        proxyURL: "/save-proxy",
        proxyTarget: "_blank",
        fileName: "image.png"
    }
});
</script>

The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari.

Default: null

<div id="imageEditor"></div>
<script>
$("#imageEditor").kendoImageEditor({
    saveAs: {
        proxyURL: "/save-proxy",
        fileName: "image.png"
    }
});
</script>

SaveAs

saveAs

saveAs.fileName

saveAs.forceProxy

saveAs.proxyTarget

saveAs.proxyURL