Hi,
im trying to use a "large"
Image in my RadImageEditor (using Q3 2012). The Image is a 8.17MB .jpg and is 7069px x 4907px. I can load it in the editor but cant use any feature after that. Either the browser (Chrome 31) crashes or the control event never gets launched (and code just hangs). What are the image size/high-resolution limitations with the control?
UPDATE: Im now trying with a smaller jpg
image which is 408KB and 1600px x 900px. Now I can do some image operation on it like crop, rotate,etc. but the OnImageSaving event never get launched when I want to call my custom save function.
Note that everything works perfectly with this jpg
image which is 244KB and 800px x 600px.
here is my code:
<telerik:RadImageEditor ID="RadImageEditor1" runat="server" Width="680" Height="450" OnImageLoading="RadImageEditor1_ImageLoading" OnImageSaving="RadImageEditor1_ImageSaving" OnClientSaved="OnClientSaved" OnClientCommandExecuting="OnClientCommandExecuting" ExternalDialogsPath="~/ImageEditorDialogs">
<Tools>
<telerik:ImageEditorToolGroup>
<telerik:ImageEditorToolStrip CommandName="Undo" />
<telerik:ImageEditorToolStrip CommandName="Redo" />
<telerik:ImageEditorTool CommandName="Reset" />
<telerik:ImageEditorTool CommandName="Save" ToolTip="Save Image" />
<telerik:ImageEditorTool CommandName="Crop" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="Resize" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="Zoom" />
<telerik:ImageEditorTool CommandName="ZoomIn" />
<telerik:ImageEditorTool CommandName="ZoomOut" />
<telerik:ImageEditorTool CommandName="Opacity" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="Rotate" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="RotateRight" />
<telerik:ImageEditorTool CommandName="RotateLeft" />
<telerik:ImageEditorTool CommandName="Flip" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="FlipVertical" />
<telerik:ImageEditorTool CommandName="FlipHorizontal" />
<telerik:ImageEditorTool CommandName="AddText" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="InsertImage" IsToggleButton="true" />
<telerik:ImageEditorTool CommandName="Print" />
</telerik:ImageEditorToolGroup>
</Tools>
</telerik:RadImageEditor>
<telerik:RadCodeBlock ID="codeblock1" runat="server">
<script type="text/javascript">
function OnClientCommandExecuting(imEditor, eventArgs) {
if (eventArgs.get_commandName() == 'Save') {
imEditor.saveImageOnServer('', true);
//Prevent the buil-in Save dialog to pop up
imEditor.setToggleState('Save', false);
eventArgs.set_cancel(true);
}
}
</script>
</telerik:RadCodeBlock>
TIA