Admin: 1 revision imported

2021-02-07T06:54:56Z

1 revision imported

Admin at 13:15, 6 February 2021

2021-02-06T13:15:52Z

New page

{{HeadLinks|
* [[Main_Page|Начальная страница]]
* [[Онлайн демонстрации]]}}
Данная онлайн демонстрация возможностей функций [[Generate1DBarcode]] и [[Generate2DBarcode]] использует консольный http сервер. Если сервер (работающий на машине с Apache http сервером) в данный момент недоступен, демонстрация не сможет функционировать правильно. Ограничений по количеству запросов для генерации штрихкодов нет, однако, встроенная защита от DOS выведет Captcha и запросит ее решение после нескольких запросов, если Captcha решена неверно несколько раз подряд, будет включена защита, которая не позволит выполнять запросы с текущего IP-адреса в течение двух часов. Описание Captcha и дополнительную информацию по тестовому http серверу ищите в статье [[Онлайн демонстрации]]. Путь прохождения запроса и ответа на запрос выглядит следующим образом:
# Java-скрипт в браузере создает URL запроса в виде <code>{{SERVERNAME}}/sfsl/?text=...&type=...</code> и отправляет его на сервер, ожидая картинку, как результат
# Apache http сервер получает GET запрос и передает его на адрес локального консольного SFSL сервера (прокси-запрос)
# Локальный консольный клиент создает событие типа ''OnTCPConnection'' и передает программе TCP объект соединения с Apache http сервером
# Программа создает новый поток, и запускает обработку, которая будет заниматься обслуживанием соединения
## Обработка получает http заголовок с помощью [[IPConnection.HTTPReceiveHeader|HTTPReceiveHeader]] и находит GET запрос с помощью [[IPConnection.HTTPGetOperation|HTTPGetOperation]]
## Происходит расшифровка запроса и декодирование отдельных элементов.
## Программа создает штрихкод или символ, либо создает картинку с текстом ошибки, если произошло исключение, картинка конвертируется в формат png и сохраняется в ANSI строку
## Программа создает ответ на http запрос, заполняя поля типа ''Content-Length'', ''Content-Type'' и пр. и добавляет в тело запроса созданную ранее картинку
## Программа отправляет ответ на запрос по ожидающему ответа соединению с помощью [[IPConnection.HTTPSend|HTTPSend]], после чего, разрывает связь
# Apache http сервер, который получает ответ на запрос, отправляет его в свою очередь в ожидающий браузер
# Браузер получает ответ в виде картинки и показывает ее на странице

Для генерации штрихкода (или двумерного символа) заполните необходимые поля и нажмите кнопку "Генерация". Поле "Доп. параметры" позволяет передать в функцию дополнительные установки. Для списка дополнительных установок см. статьи [[Generate1DBarcode]] и [[Generate2DBarcode]].
<html>
<script type="text/javascript">
function OnBarcodeTypeChange(value)
{
var val=document.getElementById('aType').value;
var fllin=true;
if ((val=="aztec")||(val=="pdf417")||(val=="qr")||(val=="datamatrix")||(val=="maxicode")) {
fllin=false;
};
var aCombo=document.getElementById('aSubType');
var aText=document.getElementById('aSubTypeText');
var aCombo2=document.getElementById('aCorr');
var aText2=document.getElementById('aCorrText');
if (val=="aztec") {
aCombo.disabled=false;
aText.style='color:black';
aCombo.options.length=0;
aCombo.options[0]=new Option('(Aвтоопределение)','0');
aCombo.options[1]=new Option('Компактный символ','1');
aCombo.options[2]=new Option('Полноформатный символ','2');
aCombo.options[3]=new Option('Символ Aztec rune','3');

aCombo2.disabled=false;
aText2.style='color:black';
aCombo2.options.length=0;
aCombo2.options[0]=new Option('(Умолчание: 23%)','0');
aCombo2.options[1]=new Option('5%','5');
aCombo2.options[2]=new Option('10%','10');
aCombo2.options[3]=new Option('15%','15');
aCombo2.options[4]=new Option('20%','20');
aCombo2.options[5]=new Option('25%','25');
aCombo2.options[6]=new Option('30%','30');
aCombo2.options[7]=new Option('35%','35');
aCombo2.options[8]=new Option('40%','40');
aCombo2.options[9]=new Option('45%','45');
aCombo2.options[10]=new Option('50%','50');
aCombo2.options[11]=new Option('55%','55');
aCombo2.options[12]=new Option('60%','60');
aCombo2.options[13]=new Option('65%','65');
aCombo2.options[14]=new Option('70%','70');
aCombo2.options[15]=new Option('75%','75');
aCombo2.options[16]=new Option('80%','80');
aCombo2.options[17]=new Option('85%','85');
aCombo2.options[18]=new Option('90%','90');
aCombo2.options[19]=new Option('95%','95');
} else if (val=="pdf417") {
aCombo.disabled=false;
aText.style='color:black';
aCombo.options.length=0;
aCombo.options[0]=new Option('Стандартный символ','0');
aCombo.options[1]=new Option('Компактный символ','1');
aCombo.options[2]=new Option('Микро символ (MicroPDF417)','2');

aCombo2.disabled=false;
aText2.style='color:black';
aCombo2.options.length=0;
aCombo2.options[0]=new Option('(Рекомендованный уровень)','-1');
aCombo2.options[1]=new Option('Уровень 0 (низкая коррекция)','0');
aCombo2.options[2]=new Option('Уровень 1','1');
aCombo2.options[3]=new Option('Уровень 2','2');
aCombo2.options[4]=new Option('Уровень 3','3');
aCombo2.options[5]=new Option('Уровень 4','4');
aCombo2.options[6]=new Option('Уровень 5','5');
aCombo2.options[7]=new Option('Уровень 6','6');
aCombo2.options[8]=new Option('Уровень 7','7');
aCombo2.options[9]=new Option('Уровень 8 (высокая коррекция)','8');
} else if (val=="qr") {
aCombo.disabled=false;
aText.style='color:black';
aCombo.options.length=0;
aCombo.options[0]=new Option('Стандартный символ','0');
aCombo.options[1]=new Option('Микро символ (MicroQR)','1');

aCombo2.disabled=false;
aText2.style='color:black';
aCombo2.options.length=0;
aCombo2.options[0]=new Option('(Рекомендованный уровень)','-1');
aCombo2.options[1]=new Option('Уровень 0 (7% исправляется)','0');
aCombo2.options[2]=new Option('Уровень 1 (15% исправляется)','1');
aCombo2.options[3]=new Option('Уровень 2 (25% исправляется)','2');
aCombo2.options[4]=new Option('Уровень 3 (30% исправляется)','3');
} else {
aCombo.disabled=true;
aText.style='color:gray';
aCombo.options.length=0;

aCombo2.disabled=true;
aText2.style='color:gray';
aCombo2.options.length=0;
}
var aCombo=document.getElementById('aProportion');
var aText=document.getElementById('aProportionText');
var aCombo2=document.getElementById('aECI');
var aText2=document.getElementById('aECIText');
if (fllin) {
aCombo.disabled=false;
aText.style='color:black';
aCombo2.disabled=true;
aText2.style='color:gray';
} else {
aCombo.disabled=true;
aText.style='color:gray';
aCombo2.disabled=false;
aText2.style='color:black';
}
var aCheck=document.getElementById('aNoText');
var aText=document.getElementById('aNoTextText');
if (fllin) {
aCheck.disabled=false;
aText.style='color:black';
} else {
aCheck.disabled=true;
aText.style='color:gray';
}
var aCombo=document.getElementById('aLin');
var aText=document.getElementById('aLinText');
var aCombo2=document.getElementById('aCol');
var aText2=document.getElementById('aColText');
if (val=="pdf417") {
aCombo.disabled=false;
aText.style='color:black';
aCombo.options.length=0;
aCombo.options[0]=new Option('(Aвтоопределение)','0');
for (var i=3;i<91;i++) {
if (i<45) {
aCombo.options[i-2]=new Option(''+i+' (обычный/компакт символ, микро-символ)',i);
} else {
aCombo.options[i-2]=new Option(''+i+' (обычный/компакт символ)',i);
}
}

aCombo2.disabled=false;
aText2.style='color:black';
aCombo2.options.length=0;
aCombo2.options[0]=new Option('(Aвтоопределение)','0');
for (var i=1;i<31;i++) {
if (i<5) {
aCombo2.options[i]=new Option(''+i+' (обычный/компакт символ, микро-символ)',i);
} else {
aCombo2.options[i]=new Option(''+i+' (обычный/компакт символ)',i);
}
}
} else {
aCombo.disabled=true;
aText.style='color:gray';
aCombo.options.length=0;

aCombo2.disabled=true;
aText2.style='color:gray';
aCombo2.options.length=0;
}
}
</script>
<form>
<table border="0" cellpadding="5" cellspacing="5" style="width:100%">
<tr><td align="right" style="width:30%"><b>Вид штрихкода:</b></td>
<td style="width:70%"><select id="aType" onchange="OnBarcodeTypeChange(this.value);">
<option value="ean">(лин) EAN</option>
<option value="upc">(лин) UPC</option>
<option value="code128">(лин) Code 128</option>
<option value="code39">(лин) Code 39</option>
<option value="code93">(лин) Code 93</option>
<option value="isbn">(лин) ISBN</option>
<option value="itf">(лин) ITF</option>
<option value="msi">(лин) MSI</option>
<option value="codabar">(лин) Codabar</option>
<option value="pdf417">(двумер) PDF417</option>
<option value="aztec">(двумер) Aztec</option>
<option value="qr">(двумер) QR code</option>
<option value="datamatrix">(двумер) Data Matrix</option>
<option value="maxicode">(двумер) MaxiCode</option>
</select></td></tr>
<tr><td align="right"><span id="aSubTypeText" style="color:gray"><b>Подвид штрихкода:</b></span></td>
<td><select id="aSubType" disabled="true">
</select></td></tr>
<tr><td align="right"><span id="aCorrText" style="color:gray"><b>Коррекция ошибок:</b></span></td>
<td><select id="aCorr" disabled="true">
</select></td></tr>
<tr><td align="right"><b>Данные (текст):</b></td>
<td><textarea id="aBarcodeText" cols="50" rows="3" style="max-width:600px;min-width:400px;min-height:100px;"></textarea></td></tr>
<tr><td align="right"><span id="aNoTextText"><b>Не выводить текст:</b></span></td>
<td><input type="checkbox" id="aNoText" /></td></tr>
<tr><td align="right"><span id="aProportionText"><b>Пропорция картинки:</b></span></td>
<td><select id="aProportion">
<option value="0.25">4:1</option>
<option value="0.33333333" selected="selected">3:1</option>
<option value="0.5">2:1</option>
<option value="0.66666666">3:2</option>
<option value="1">1:1</option>
</select></td></tr>
<tr><td align="right"><span id="aECIText" style="color:gray"><b>Режим ECI:</b></span></td>
<td><select id="aECI" disabled="true">
<option value="0">ECI не используется</option>
<option value="1">Используются только ISO8859-X таблицы</option>
<option value="2">Используется только UCS-2 (ECI-25)</option>
<option value="3">Используется только UTF-8 (ECI-26)</option>
<option value="4">Используются все таблицы, кроме ECI-25 и ECI-26</option>
</select></td></tr>
<tr><td align="right"><span id="aLinText" style="color:gray"><b>Количество строк:</b></span></td>
<td><select id="aLin" disabled="true">
</select></td></tr>
<tr><td align="right"><span id="aColText" style="color:gray"><b>Количество столбцов:</b></span></td>
<td><select id="aCol" disabled="true">
</select></td></tr>
<tr><td align="right"><b>Доп. параметры:</b></td>
<td><input type="text" id="aAdditional" value="" /> (к примеру: <code>LC:FF</code>)</td></tr>
<tr><td colspan="2" align="center"><input type="button" id="aGenBtn" value="Генерация" /></td></tr>
</table>
<table border="0" cellpadding="5" cellspacing="0" style="width:100%" id="aPictureTable" align="center" valign="center">
<tr><td align="center" valign="center"></td></tr>
<table border="0" cellpadding="5" cellspacing="5" id="aCaptchaTable" style="visibility:hidden">
<tr><td align="left" valign="top"></td></tr>
<tr><td align="left"><b>Введите слово с картинки:</b></td>
<td><input type="text" id="aCaptcha" value="" /></td>
<td align="left"><input type="button" id="aCapBtn" value="Принять" /></td></tr>
</table>
</table>
</form>
<script type="text/javascript">
function addcaptcha(xcpt) {
var cell=document.getElementById('aCaptchaTable').rows[0].cells[0];
cell.innerHTML='';

var atext=xcpt.responseText;
var one=String.fromCharCode(1);
pos=atext.indexOf(one);
key=atext.slice(0,pos);
var apic=atext.slice(pos+1);

var img=document.createElement('img');
img.src='data:image/png;base64,'+apic;
img.id='aPicture';
var cell=document.getElementById('aCaptchaTable').rows[0].cells[0];
cell.appendChild(img);

document.getElementById('aCaptcha').value='';
var aTab=document.getElementById('aCaptchaTable');
aTab.style.visibility="visible";
}

function dothework() {
var cell=document.getElementById('aCaptchaTable').rows[0].cells[0];
cell.innerHTML='';
var aTab=document.getElementById('aCaptchaTable');
aTab.style.visibility="hidden";

var val=document.getElementById('aBarcodeText').value;
var val2=document.getElementById('aType').value;
var val3=document.getElementById('aAdditional').value;
var val4=document.getElementById('aProportion').value;
var val5=document.getElementById('aNoText');
if (val5.checked==true){
val5="1";
} else {
val5="0";
};
var val6=document.getElementById('aECI').value;
var val7=document.getElementById('aSubType').value;
var val8=document.getElementById('aCorr').value;
var val9=document.getElementById('aLin').value;
var val10=document.getElementById('aCol').value;

var src=document.URL;
var pos=src.indexOf('//');
var src2=src.slice(0,pos+2);
src=src.slice(pos+2);
pos=src.indexOf('/');
src=src2+src.slice(0,pos)+'/sfsl?text='+encodeURIComponent(val)+'&type='+val2+'&add='+encodeURIComponent(val3)+'&proportion='+val4+'&notext='+val5+'&eci='+val6+'&subtype='+val7+'&correction='+val8+
'&lines='+val9+'&columns='+val10;

var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange=function() {
if (this.status==403) {
if (this.readyState==4) {
addcaptcha(this);
}
} else if (this.readyState=4) {
var atext='data:image/png;base64,'+this.responseText;

if (document.getElementById('aPicture')!==null) {
var img=document.getElementById('aPicture');
img.src=atext;
} else {
var img=document.createElement('img');
img.src=atext;
img.id='aPicture';
var cell=document.getElementById('aPictureTable').rows[0].cells[0];
cell.appendChild(img);
}
}
};
xhttp.open("GET",src,true);
xhttp.send();
}

document.getElementById('aCapBtn').onclick = function() {
var aval=document.getElementById('aCaptcha').value;
var src=document.URL;
var pos=src.indexOf('//');
var src2=src.slice(0,pos+2);
src=src.slice(pos+2);
pos=src.indexOf('/');
src=src2+src.slice(0,pos)+'/sfsl?CaptchaSolve&Key='+key+'&Answer='+btoa(aval);
var xcpt2=new XMLHttpRequest();
xcpt2.onreadystatechange=function() {
if (this.readyState==4) {
if (this.status==200) {
dothework();
} else if (this.status==403) {
addcaptcha(this);
}
}
}
xcpt2.open("GET",src,true);
xcpt2.send();
}

document.getElementById('aGenBtn').onclick = function() {
var cell=document.getElementById('aCaptchaTable').rows[0].cells[0];
cell.innerHTML='';
var aTab=document.getElementById('aCaptchaTable');
aTab.style.visibility="hidden";

var src=document.URL;
var pos=src.indexOf('//');
var src2=src.slice(0,pos+2);
src=src.slice(pos+2);
pos=src.indexOf('/');
src=src2+src.slice(0,pos)+'/sfsl?CaptchaReq';

var xcpt=new XMLHttpRequest();
xcpt.onreadystatechange=function() {
if (this.readyState==4) {
if (this.status==200) {
dothework();
} else if (this.status==403) {
addcaptcha(this);
}
}
}
xcpt.open("GET",src,true);
xcpt.send();
}
</script>
</html>

← Older revision	Revision as of 06:54, 7 February 2021
(No difference)

Генерация штрихкодов - Revision history

Admin: 1 revision imported

Admin at 13:15, 6 February 2021