Application example
Upload
Auto-start to upload
When some files are attached, upload will automatically start.
| Name |
Type |
Default |
Description |
| transferStart |
JSON Text |
"upload":"auto",
"download":"manual"
|
Activate to start transferring automatically.
e.g { "upload":"auto", "download": "manual" }
auto: Start transferring, when the transfer window displays
manual: User needs to click start button in the transfer window
- It is supported in the plugin mode.
|
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
transferStart: {"upload":"auto","download":"manual"},
boxConfig: box_config.upload_agent
});
box.on('afterAddFiles', function (p) {
box.upload();
});
};
</script>
Upload folders
Activate the folder attachment
| Name |
openFolderDialog() |
| Description |
Open the folder dialog.
- It is supported in the plugin mode.
|
| Return Type |
Nonevoid |
| Input parameter |
None |
| Name |
Type |
Default |
Description |
| folderAttach |
Boolean |
false |
Activate the folder transfer feature.
- It is supported in the plugin mode.
|
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
folderAttach: true,
boxConfig: box_config.upload_agent
});
…
</script>
…
<body>
<div id="fileBox"></div>
<div class="innorix_button">
<input type="button" value="Browse" onclick="box.openFolderDialog()"/>
<input type="button" value="Upload" onclick="box.upload();"/>
</div>
</body>
Upload 1,000+ items
In order to reduce the user waiting time, the file box will not display all file list when attaching more than 1,000 items. (files and folder)
| Name |
Type |
Default |
Description |
| maxMassFileListCount |
Number |
1000 |
Switch the file box UI to the mass upload mode when more than 1,000 items are attached. |
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
maxMassFileListCount: 1000,
boxConfig: box_config.upload_agent
});
…
Upload 1K + file folders
Activate the folder attachment feature for mass items. When a folder that has over 1,000 items are attached, the file box will not check the number of items in the folder to reduce the user waiting time.
| Name |
Type |
Default |
Description |
| folderAttach |
Boolean |
false |
Activate the folder transfer feature.
- It is supported in the plugin mode.
|
| maxMassFileListCount |
Number |
1000 |
Switch the file box UI to the mass upload mode when the attached folder has more than 1,000 items. |
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
folderAttach: true,
boxConfig: box_config.upload_agent
});
…
Multi upload boxes
Create multiple upload file boxes on a webpage.
// upload.html
<body>
<div id="fileBox1"></div><br />
<div id="fileBox2"></div><br />
<div id="fileBox3" style="display:none";></div>
<input type="button" value="Upload" onclick="uploadAll();" />
</body>
<script>
var box1 = new Object();
var box2 = new Object();
var box3 = new Object();
window.onload = function() {
box1 = innorix.create({
el: '#fileBoxl',
uploadUrl: './upload.jsp'
});
box2 = innorix.create({
el: '#fileBox2',
uploadUrl: './upload.jsp'
});
box3 = innorix.create({
el: '#fileBox3',
uploadUrl: './upload.jsp'
});
}
function uploadAll() {
box3.addFiles(control1.getUploadFiles());
box3.addFiles(control2.getUploadFiles());
box3.upload();
}
</script>
Resize the image files
When uploading images, their resized images are created and uploaded together. (jpg, png, gif, bmp)
| Name |
appendThumbnailPeoperty() |
| Description |
When uploading images, their resized images are created and uploaded together. (jpg, png, gif, bmp) |
| Return Type |
Nonevoid |
| Input parameter |
# JSON Object
Index(String), Width(Number), Height(Number), Baseline(STRING)
box.appendThumbnailProperty(1, 300, 200, "VERTICAL");
box.appendThumbnailProperty("ALL", 300, 200, "HORIZONTAL");
box.appendThumbnailProperty("ALL", 300, 200, "FIX");
|
// upload.html
<body>
<div id="fileBox"></div><br />
<input type="button" value="Upload" onclick="thumbnail_upload();" />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
boxConfig: box_config.upload_agent
});
}
function thumbnail_upload(){
box.appendThumbnailProperty("ALL", 200, 200, "VERTICAL");
box.upload();
}
</script>
Watermarks on images
When uploading images, add a watermark on the original and resized images and upload them. (jpg, png, gif, bmp)
| Name |
appendWatermarkProperty() |
| Description |
When uploading images, add a watermark on the original and resized images and upload them. (jpg, png, gif, bmp) |
| Return Type |
Nonevoid |
| Input parameter |
# JSON Object
Index(String), imageUrl(String), Image type(String), Position(String)
box.appendWatermarkProperty("ALL", "./logo.png", "ALL", "LEFT|BOTTOM")
box.appendWatermarkProperty("1", "./logo.png", "ORIGINAL", "RIGHT|TOP")
box.appendWatermarkProperty("1", "./logo.png", "THUMBNAIL", "CENTER|CENTER")
|
// upload.html
<body>
<div id="fileBox"></div><br />
<input type="button" value="Upload" onclick="watermark_upload();" />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
boxConfig: box_config.upload_agent
});
}
function thumbnail_upload(){
box.appendWatermarkProperty("ALL", "innorix_logo.png", "ALL", "LEFT|BOTTOM")
box.upload();
}
</script>
Encrypt the upload files
Files will be encrypted before uploading. In order to encrypt all files, the transfer time may take longer.
| Name |
Type |
Default |
Description |
| useEncrypt |
Boolean |
false |
Encrypt and decrypt the files while transferring.
- It is supported in the plugin mode.
|
| Name |
setAutoDecryption() |
| Description |
Decrypt when the uploaded files are encrypted. |
| Return Type |
Nonevoid |
| Input parameter |
Boolean (true, false) |
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
useEncrypt: true,
…
/* upload.jsp */
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, "UTF-8", directory, true, encryptKey, encryptIV);
uploader.setOverwrite(false);
…
Encrypt the meta-data
Files and metadata will be encrypted before uploading.
| Name |
Type |
Default |
Description |
| useEncryptMeta |
Boolean |
false |
Encrypt the meta information while transferring.
- It is supported in the plugin mode.
|
| Name |
setAutoDecryption() |
| Description |
Decrypt when the uploaded files are encrypted. |
| Return Type |
Nonevoid |
| Input parameter |
Boolean (true, false) |
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
useEncryptMeta: true,
…
// upload.jsp
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, "UTF-8", directory, true, encryptKey, encryptIV);
uploader.setOverwrite(false);
…
Verify file integrity
Even if very small tampering part is detected, only that part will be automatically recovered. In order to verify all files, the transfer time may take longer.
| Name |
Type |
Default |
Description |
| integrity |
String |
|
Check the integrity while uploading.
both: Check files and blocks.
file: Check files
block: Check blocks
- It is supported in the plugin mode.
|
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
integrity: both,
…
Compare the file header and extension to check whether they match.
| Name |
Type |
Default |
Description |
| useSignature |
Boolean |
true |
Compare the file header and extension. |
// upload.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
useSignature: true,
…
Change the save path
Change the save path in the server.
// upload.jsp
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, directory);
String newSavePath = "New path";
uploader.setDirectory(newSavePath);
uploader.run();
}
Save in a new sub-folder
Create a new sub-folder and save files in the folder.
// upload.html
<body>
<div id="fileBox"></div><br />
<input type="button" value="Upload" onclick="upload_post();" />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
boxConfig: box_config.upload_agent
});
function upload_post(){
var postObj = new Object();
postObj._subdir = "subDir";
box.setPostData(postObj);
box.upload();
}
};
</script>
// upload.jsp
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, saveDir);
String _subdir = uploader.getParameter("_subdir");
uploader.setOverwrite(true);
…
Overwrite duplicated files
| Name |
setOverwrite() |
| Description |
Overwrite when there are duplicate files. |
| Return Type |
Nonevoid |
| Input parameter |
(Boolean) – true, false |
// upload.jsp code
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, saveDir);
uploader.setOverwrite(true);
…
Put no. duplicated files
| Name |
setOverwrite() |
| Description |
Overwrite when there are duplicate files. |
| Return Type |
Nonevoid |
| Input parameter |
(Boolean) – true, false |
// upload.jsp code
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, saveDir);
uploader.setOverwrite(false);
…
Rename uploaded files
Rename only the file name except the extention.
// upload.jsp
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
if (request.getMethod().equals("POST"))
{
…
InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, directory);
String ext = "";
String newFileName = "New file name";
if (_orig_filename != null){
ubfold_pos = _orig_filename.lastIndexOf(".");
ext = _orig_filename.substring(ext_pos);
}
uploader.setFileName(newFileName + ext);
uploader.run();
Process without files
Uploading process when no upload file.
<body>
<div id="fileBox"></div><br />
<input type="button" value="upload" onclick="form_submit();" />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: "./upload.jsp",
boxConfig: box_config.upload_agent
});
function form_submit(){
if(box.getAllFiles() == null){
var innoJquery = innorix._load("innoJquery");
innoJquery('form#f_write').submit();
}else{
box.upload();
}
};
box.on('uploadComplete', function(p){
var files = JSON.stringify(f);
var innoJquery = innorix._load("innoJquery");
innoJquery('form#f_write').append('<input type="hidden" name="files" id="files" value=\'' + files + '\' />');
innoJquery('form#f_write').submit();
});
}
</script>
Download
Auto-start to download
Downloading will automatically start when the webpage is loaded.
| Name |
Type |
Default |
Description |
| transferStart |
JSON Text |
"upload":"auto",
"download":"manual" |
Activate to start transferring automatically.
e.g { "upload":"auto", "download": "manual" }
auto: Start transferring, when the transfer window displays
manual: User needs to click start button in the transfer window
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
transferStart: {"upload":"manual","download":"auto"},
boxConfig: box_config.download_agent
});
box.on('afterAddFiles', function (p) {
box.download();
});
};
</script>
Download folders
Activate the folder download
| Name |
Type |
Default |
Description |
| folderAttach |
Boolean |
false |
Activate the folder transfer feature.
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
folderAttach: true,
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
rootname: "folder name",
downloadURL: "http(s)://web server address/file.txt",
printFileName: "The File AAA.txt",
fileSize: 1433885
},{
…
Download 1,000+ files
In order to reduce the user waiting time, the file box will not display all file list when the download file list has over 1,000 items. (files and folder)
| Name |
Type |
Default |
Description |
| maxMassFileListCount |
Number |
1000 |
Switch the file box UI to the mass download mode when download file list has 1,000 items. |
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
maxMassFileListCount: 1000,
boxConfig: box_config.download_agent
});
…
Download 1K+ files folders
Activate the folder attachment feature for mass items. When a folder that has over 1,000 items are attached, the file box will not check the number of files in the folder to reduce the user waiting time.
| Name |
Type |
Default |
Description |
| folderAttach |
Boolean |
false |
Activate the folder transfer feature.
- It is supported in the plugin mode.
|
| maxMassFileListCount |
Number |
1000 |
Switch the file box UI to the mass download mode when the download folder has more than 1,000 items.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
folderAttach: true,
maxMassFileListCount: 1000,
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
rootname: "folder name",
downloadURL: "http(s)://web server address/file.txt",
printFileName: "The File AAA.txt",
fileSize: 1433885
},{
…
Multi download boxes
Create multiple download file boxes on a webpage.
// download.html
<body>
<div id="filebox1"></div><br />
<div id="filebox2"></div><br />
<div id="filebox3" style="display: none;"></div><br />
<input type="button" value="download" onclick="downloadAll();" />
</body>
<script>
var box1 = new Object();
var box2 = new Object();
var box3 = new Object();
window.onload = function() {
box1 = innorix.create({
el: '#fileBox1',
boxConfig: box_config.download_agent
});
box2 = innorix.create({
el: '#fileBox2',
boxConfig: box_config.download_agent
});
box3 = innorix.create({
el: '#fileBox3',
boxConfig: box_config.download_agent
});
box1.on('loadComplete', function (p) {
box1.presetDownloadFiles(fileArray1[]);
});
box2.on('loadComplete', function (p) {
box2.presetDownloadFiles(fileArray2[]);
});
function downloadAll() {
box3.addFiles(control1.getDownloadFiles());
box3.addFiles(control2.getDownloadFiles());
box3.download();
}
};
</script>
Overwrite duplicated files
| Name |
Type |
Default |
Description |
| downloadDuplicate |
String |
resume |
Duplicate file policy when downloading.
overwrite : overwrite
resume : resume
numbering : auto numbering rename
confirm : user check confirm
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
downloadDuplicate: "overwrite",
boxConfig: box_config.download_agent
});
};
</script>
Put no. duplicated files
| Name |
Type |
Default |
Description |
| downloadDuplicate |
String |
resume |
Duplicate file policy when downloading.
overwrite : overwrite
resume : resume
numbering : auto numbering rename
confirm : user check confirm
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
downloadDuplicate: "numbering",
boxConfig: box_config.download_agent
});
};
</script>
User`s duplicate confirm
| Name |
Type |
Default |
Description |
| downloadDuplicate |
String |
resume |
Duplicate file policy when downloading.
overwrite : overwrite
resume : resume
numbering : auto numbering rename
confirm : user check confirm
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
downloadDuplicate: "confirm",
boxConfig: box_config.download_agent
});
};
</script>
Set download path
Set the default save path but a user can change it.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
savePath: 'downloadPath',
boxConfig: box_config.download_agent
});
};
</script>
Choice save path by users
A user can choose the save path before the transfer window is displayed.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
function setDownloadPath(){
box.setDownloadPath(function(response){
if (response.result==true){
box.download();
};
});
};
};
</script>
Open the save path
Open the save path after downloading.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
function openPathdownload(){
box.setOption({useOpenFolder: true, useExecute: false});
box.download();
};
};
Download and open
When a user double-click a file in the file box, the file will be execute after downloading in a temporary path.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
box.on('onDblClickRows', function(p){
box.downloadAndOpen();
});
};
</script>
Download and execute
Extcute a file after downloading.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
function openPathdownload(){
box.setOption({useOpenFolder: false, useExecute: true});
box.download();
};
};
</script>
Save in a new folder
Create a sub-folder and save the downloaded files in the path.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
modificationTime: modifidate,
printFileName: downloadfileName,
fileSize: fileSize,
downloadUrl: downloadUrl,
subFolder:folderName
}])
};
</script>
Process after remove items
Return removed file information in the file box.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
box.on('afterRemoveFiles', function(p){
console.log(p);
});
};
</script>
When ` in the file name
Rename the file name when ` in a file name.
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
modificationTime: modifidate,
printFileName: '\'filename.zip', // Use \' instead '
fileSize: fileSize,
downloadUrl: downloadUrl
}]);
};
When no file size
Make the download file list without file size information.
| Name |
Type |
Default |
Description |
| skipDownloadCheck |
Boolean |
false |
Verify whether the file actually exists and the size.
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
skipDownloadCheck: true,
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
modificationTime: modifidate,
printFileName: filename,
fileSize: 0,
isTempFileSize: true,
downloadUrl: downloadUrl
}]);
};
</script>
Decrypt the files
Decrypt the the download files after downloading.
| Name |
Type |
Default |
Description |
| useEncrypt |
Boolean |
false |
Encrypt and decrypt the files while transferring.
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
useEncrypt: true, //Set true
boxConfig: box_config.download_agent
});
box.presetDownloadFiles([{
isCrypt: true,
encryptFileSize: 28200, //Set the encryptFile size
modificationTime: modifidate,
printFileName: downloadfileName,
fileSize: fileSize,
downloadUrl: downloadUrl,
}]);
};
</script>
Encrypt the meta-data
Encrypt the the the meta-data files after downloading.
| Name |
Type |
Default |
Description |
| useEncryptMeta |
Boolean |
false |
Encrypt the meta information while transferring.
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
useEncryptMeta: true, // Set true
boxConfig: box_config.download_agent
});
};
</script>
Verify file integrity
Even if very small tampering part is detected, only that part will be automatically recovered. In order to verify all files, the transfer time may take longer.
| Name |
Type |
Default |
Description |
| downloadIntegrity |
Boolean |
False |
Activate download integrity mode.
- It is supported in the plugin mode.
|
| downloadIntegrityFile |
Boolean |
False |
Activate download file integrity mode.
- It is supported in the plugin mode.
|
// download.html
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
downloadIntegrity: true,
downloadIntegrityFile: true,
boxConfig: box_config.download_agent
});
};
</script>
Common
Mix upload and download
Mix the upload and download featres in a file box.
| Name |
Type |
Default |
Description |
| transferMode |
String |
both |
Set the file box transfer mode.
both: Upload and download in the same file box
upload: Only upload
download: Only download
|
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
transferMode: 'both',
uploadUrl: './upload.jsp',
boxConfig: box_config.combine_agent
});
};
</script>
Custom drop-zone
Enable an object to support drag-drop.
| Name |
setDropzone() |
| Description |
Set the file drop zone. |
| Return Type |
Nonevoid |
| Input parameter |
innoJqueryevt |
// html code
<body>
<table id="dropZone" style="width:555px; height:150px; border: 1px solid">
<tr><td align="center">Drop files and folders here</td></tr>
</table><br /><br />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
enableDropZone: false,
boxConfig: box_config.combine_agent
});
};
innoJquery("dropZone").on({
"dragenter": function(innoJqueryevt) {
box.setDropZone(innoJqueryevt, this);
}
});
</script>
Custom file box
Enable an object to support the file box features.
// html code
<div id="fileTable" style="overflow:auto; width:500px; height:200px; border: 1px solid #c0c0c0;">
<table id="fileTable" class="fileTable">
<thead>
<tr>
<th class="fileInfo">filePath</th>
<th class="fileInfo">fileSize</th>
<th class="fileInfo">fileType</th>
<th>File Name</th>
<th>Size</th>
<th>Type</th>
<th>Remove</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<script>
var box = new Object();
var control = new Object();
var tableRowInsert = true;
innoJquery(document).ready(function() {
box = innorix.create({
el: '#fileBox',
installUrl: '../install/install.html',
boxConfig: box_config.combine_agent
});
box.on('afterAddFiles', function (p) {
if (tableRowInsert == true) {
for (var i = 0; i < p.length; i++ ) {
var _filePath = p[i].filePath;
var _fileSize = p[i].fileSize;
var _fileID = p[i].id;
var _fileType = "normal";
var arr = (_filePath.replace(/\\/gi,"/")).split("/");
var fileName = arr[arr.length-1];
var fileSize = bytesToSize(_fileSize);
var fileType = "Normal";
if (_fileSize > 104857600) {
var _fileType = "large";
var fileType = "Large";
}
innoJquery('#fileTable > tbody:last').append(' \
<tr class="fileTable"> \
<td class="fileInfo">' + _filePath + '</td> \
<td class="fileInfo">' + _fileSize + '</td> \
<td class="fileInfo">' + _fileType + '</td> \
<td>' + fileName + '</td> \
<td>' + fileSize + '</td> \
<td>' + fileType + '</td> \
<td><input type="button" value="Delete" onClick="deleteRow(this,\'' + _fileID + '\')"/></td> \
</tr>\''
);
}
}
});
});
</script>
When using iframe
Set the iframe mode when a file box is in an iframe.
| Name |
Type |
Default |
Description |
| iframeOutside |
Boolean |
True |
Set iframe mode when a file box is in an iframe. |
| iframeOutsideCssURL |
String |
|
Set the CSS URL (innorix.css) for the parent frame. |
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
iframeOutside: true,
iframeOutsideCssURL: CSSFilePath,
boxConfig: box_config.combine_agent
});
};
</script>
Transfer window in iframe
Set the transfer window location outside of the iframe.
| Name |
Type |
Default |
Description |
| iframeOutsideLeft |
Number |
|
Set the transfer window location from the left. (Pixels) |
| iframeOutsideTop |
Number |
|
Set the transfer window location from the top. (Pixels) |
| iframeOutsideLocation |
String |
|
top: Display the transfer window in the most top frame.
parent: Display the transfer window in the layer that is 1 level upper from the file box frame.
|
| iframeOutsideMarginLeft |
Number |
|
Set the transfer window margin from the left. (Pixels) |
| iframeOutsideMarginTop |
Number |
|
Set the transfer window margin from the top. (Pixels) |
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
iframeOutside: true,
iframeOutsideCssURL: CSSFilePath,
iframeOutsideLeft: "default",
iframeOutsideLocation: "top",
iframeOutsideMarginLeft: "default",
iframeOutsideMarginTop: "default",
iframeOutsideTop: "default",
boxConfig: box_config.combine_agent
});
};
</script>
Exception policies
| Name |
Type |
Default |
Description |
| maxErrorCount |
Number |
Unlimited |
Set the maximum number of errors without user intervention.
If it is '10', when errors occur 11 times, the transfer will stop.
- It is supported in the plugin mode.
|
| maxRetryCount |
Number |
Unlimited |
Set the maximum number of retries when 1 error occurs.
If it is '3', when an error occurs, it will retry for 3 times.
- It is supported in the plugin mode.
|
| retryInterval |
Number |
3 |
Set the interval (second) of retries when 1 retries.
If it is '3', when an error occurs, it will retry every 3 seconds.
- It is supported in the plugin mode.
|
Set retry policies such as 1) number of retries, 2) intervals and 3) ignore when an error occur while transferring.
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
enableDropZone: false,
boxConfig: box_config.combine_agent,
maxErrorCount: 5,
maxRetryCount: 5,
retryInterval: 3
});
};
</script>
Custom value for front-end
Add more information to the meta-data.
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
enableDropZone: false,
boxConfig: box_config.combine_agent
});
function upload_post(){
var postObj = new Object();
postObj._customValue = "customValue";
box.setPostData(postObj);
box.upload();
};
};
</script>
// jsp code
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
… InnorixUpload uploader = new InnorixUpload(request, response, maxPostSize, saveDir);
String _customValue = uploader.getParameter("_customValue");
…
Custom value for back-end
Add more information to the meta-data in the server.
// jsp code
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
…
if (_action.equals("attachFileCompleted")){
uploader.setCustomValue("customValue", customValue);
}
Server-side exceptions
Process some customized exceptions in the server.
// jsp code
<%@ page import="com.innorix.transfer.InnorixUpload" %>
<%
…
if(_action.equals("getFileInfo")){
//
uploader.showCustomError("1500", "CustomErrorTitle", "CustomErrorMessage", false);
}
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
boxConfig: box_config.combine_agent
});
box.on('uploadError', function (p) {
console.log(p);
});
};
</script>
Custom exception message
Change the error messages when violating the file attachment policies. E.g.) When attaching a file that exceeds the limited size.
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: './upload.jsp'
boxConfig: box_config.combine_agent
});
box.on('addFileError', function (p) {
if(p.type == "allowExtension"){
p.message = customMessage;
}
});
};
</script>
When to use CORS
When the response and request web pages are using different domain addresses.
/* jsp code */
<%
…
if (request.getMethod().equals("POST")) { }
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, OPTIONS");
response.setHeader("Access-Control-Allow-Headers", "Authorization,DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type");
…
%>
When to use proxy
Use the proxy configuration of web browser when in proxy environment.
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
useProxy: true,
boxConfig: box_config.combine_agent
});
};
</script>
When in SSL
Use the SSL certificate information of web browser when to use SSL.
// html code
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
useSSL: true,
boxConfig: box_config.combine_agent
});
};
</script>
Link with 3rd-party
Using "_action" parameters, link with 3rd-pary modules such as DRM and virus scan, etc.
/* jsp code */
<%
…
if(_action.equals("attachFileComplete")){
/* <Thirdparty connection> */
}
%>
Process sessions
Maintain longer session time when the long time transfers such as large or mass files.
| Name |
setCookie() |
| Description |
Keep the web session information. |
| Return Type |
Nonevoid |
| Input parameter |
(String)
the example to keep session information after loading the file box
box.on('loadComplete', function (p) {
box.setCookie("JSESSIONID=<%=session.getId()%>");
}…
|
// html code
<body>
<div id="fileBox"></div></br>
<input type="button" value="download" onclick="StartUpload();" />
</body>
<script>
var box = new Object();
window.onload = function() {
box = innorix.create({
el: '#fileBox',
uploadURL: './upload.jsp'
boxConfig: box_config.combine_agent
});
function StartUpload(){
box.setCookie("JSESSIONID=<%=session.getId()%>");
box.Upload();
};
};
</script>
English
