Sending MemoryStream

How it Works

Run sample

The sample opens an empty viewer first.
Select and open an OZR from the select option repository_files/demo.
Enter your input data in the form.
Click the Export button. The current open form will be exported to the server in the specified format.
The exported target file will be listed in the pane webapps/EXPORT.
You can open exported files again.

Features

Client

Open an empty viewer
Open OZR/OZD in the empty viewer
Export OZR/OZD to OZD/PDF and send OZD/PDF to the server

Server

Receive OZD/PDF from the client and save it as OZD/PDF

Implementation

License

The OZ Server Binding license is required in the OZ Server license file as below.

USE-SERVERBIND="TRUE"

Open Empty Viewer

Set the viewer parameter viewer.emptyframe to true.

<!DOCTYPE html>
<html style="height:100%">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<!-- HTML5 Viewer references-->
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" type="text/css"/>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/html5viewer/ui.dynatree.css" type="text/css"/>
<script type="text/javascript" src="/html5viewer/jquery.dynatree.js" charset="utf-8"></script>
<script type="text/javascript" src="/html5viewer/OZJSViewer.js" charset="utf-8"></script>
</head>
<body style="width:98%;height:98%">
<div id="OZViewer" style="width:98%;height:98%"></div>

<script type="text/javascript" >

function SetOZParamters_OZViewer()    {    
    var oz = document.getElementById("OZViewer");
    oz.sendToActionScript("viewer.emptyframe", "true");    
    return true;
}
start_ozjs("OZViewer", "/html5viewer/");

</script>
</body>
</html>

Open OZR

<!-- Add a button to open OZR-->
<input type="button" value="OpenOZR" onclick="openForm('ozr')" >

// Add a function to open OZR by the button OpenOZR
function openForm(type){    
    if (type == "ozr") {
        var url = "forcs/john.kim/customer.ozr";
        var param = "connection.reportname=" + url + "; ";
    } 
    param += "connection.servlet=/training/server; ";
    param += "viewer.pagedisplay=singlepagecontinuous; ";
    param += "viewer.viewmode=fittoframe; ";
    param += "eform.signpad_type=dialog; ";
    param += "comment.all=true; ";
    param += "comment.selectedpen=highlightpen; ";
    OZViewer.CreateReportEx(param, ";");
}

Open OZD

Create a folder named EXPORT under the webapps folder.
Get OZD from the viewer.
Save it to the EXPORT and repository_files.

<!-- Add a button to open OZD -->
<input type="button" value="OpenOZD" onclick="openForm('ozd')" >

// Add lines to open OZD
function openForm(type){    
    if (type == "ozr") {
        var url = "forcs/john.kim/customer.ozr";
        var param = "connection.reportname=" + url + "; ";
    } else if (type == "ozd") {
        //var url = "ozp://forcs/john.kim/customer.ozd"; 
        var url = "http://localhost:8080/EXPORT/customer.ozd";       
        var param = "connection.openfile=" + url + "; ";
    }

Close Viewer

<!-- Add a button to close OZR/OZD -->
<input type="button" value="Close" onclick="closeForm()" >

// Add a function to close OZR/OZDS
function closeForm() {
    OZViewer.Script("close"); // The last viewer will be closed first
    //OZViewer.Script("closeall"); // Remove all open viewer
}

Client-Side Exporting with MemoryStream

Side

Action

Client

ScriptEx("save_memorystream") converts the form as a memory stream in the specified format (OZD or PDF) and raises the event OZExportMemoryStreamCallBack.
ExportMemoryStreamCallBack_OZViewer(outputdata) triggered by OZExportMemoryStreamCallBack event receives the memory stream encoded in base64 with outputdata argument.
Sends the memory stream to the server application in the function OZExportMemoryStreamCallBack_OZViewer

Server

Receives the memory stream, decodes it, and saves it as a file in the target format.
Sends the target file path to the client.

Client

streamCallback receives the target file path.

<!-- Add a button and form -->
<input type="button" value="ExportStream" onclick="exportStream()" >
<form id="form">	
    <input type="hidden" id="fileName" name="fileName">
    <input type="hidden" id="targetFormat" name="targetFormat">
    <input type="hidden" id="stream"	name="stream">
</form>

// Add JavaScript
var fileName = "customer.ozr"; // or ozd
var targetFormat = "ozd"; // or pdf

function exportStream() {
    var param = "export.format=" + targetFormat;
    param += "; export.path=C:\\TEMP;"
    param += "; export.filename=temp"; 
    param += "; export.mode=silent";
    param += "; export.confirmsave=false";
    param += "; ozd.allowreplaceformparam=true";
    param += "; pdf.savecomment=true";
    OZViewer.ScriptEx("save_memorystream", param,";");                     
}

function OZExportMemoryStreamCallBack_OZViewer(outputdata) {
    if(outputdata == "{}") {
      alert("Export failed.");
    }else {
        var obj = eval('(' + outputdata + ')');
        var value = null;
        for(var key in obj) value = obj[key];

        $('#fileName').val(fileName);
        $('#targetFormat').val(targetFormat);
        $('#stream').val(value);
        var param = $('form').serialize();    

        $.ajax({
            type : "POST",
            url : "./save-stream.jsp",
            data : param,
            async : false,
            success : streamCallback,
            error : function(request, status, error) {
                if (request.status != '0') {
                    alert("code : " + request.status + "\r\nmessage : "    + request.reponseText + "\r\nerror : " + error);
                }
            }
        });
    }       
}
var streamCallback = function(path){
    alert(path);
};

<%@ page language="java" import="java.io.*,sun.misc.*,org.xml.sax.InputSource,org.w3c.dom.*, javax.xml.parsers.*, java.util.*, java.text.*" contentType="text/html; charset=UTF-8" autoFlush="true"%><%!
    public String encoder(String key) {
        return new BASE64Encoder().encode(key.getBytes());
    }
    public byte[] decoder(String cipher) throws IOException {
        return new BASE64Decoder().decodeBuffer(cipher);
    } 
%><%
try {
    request.setCharacterEncoding("utf-8");
    String path = "C:/Program Files/Apache Software Foundation/Tomcat 9.0/webapps/EXPORT/"; 
    String fileName = request.getParameter("fileName");
    String targetFormat = request.getParameter("targetFormat");
    String base64Str =  request.getParameter("stream");

    String file = fileName.substring(0, fileName.length()-4);
    int i = file.indexOf('-');
    if (i > 0) {
        file = file.substring(0, i);
    }

    String targetFile = file + "-" + timeStamp + "." + targetFormat;
    String targetPath = path + targetFile;

    byte[] decodedBytes = new BASE64Decoder().decodeBuffer(base64Str.substring(base64Str.indexOf(",")+1));
    try {    
        FileOutputStream fout = new FileOutputStream(targetPath);
        fout.write(decodedBytes, 0, decodedBytes.length);
        fout.close();
        out.println(targetPath);
    } catch (IOException e) {
        e.printStackTrace();
    } 
}
catch(Exception e) {
    out.print(e.getMessage());
} finally {
}
%>

Option

Description

export.path=C:\TEMP

path for the save option

export.filename=temp

file name for the save option

export.mode=silent

no Save diaog box

export.confirmsave=false

no Save as window

pdf.savecomment=true

export to pdf with comments

ozd.allowreplaceformparam=true

allow created OZD to receive parameter values

save_memorystream

save as a memory stream

save

save as a file on the client

PreviousSubmitting e-Form NextGet Your Certificate

Last updated 2 years ago

Was this helpful?