But multiple barcodes having in one image how can I decoded that multiple barcodes in at a time and how can I save in account object.
How can I decode multiple barcodes having in one image(Like Below image).
if image having one barcode am successfully decoded. This is my one barcode image decoded Code.
Visualforce page:
<apex:page applyHtmlTag="false" showheader="false" sidebar="false" controller="BarcodeController">
<head>
<title>BarcodeReader</title>
<apex:stylesheet value="{!URLFOR($Resource.alertify, 'alertify.js-0.3.11/themes/alertify.core.css')}"/>
<apex:stylesheet value="{!URLFOR($Resource.alertify, 'alertify.js-0.3.11/themes/alertify.default.css')}"/>
<apex:includeScript value="{!URLFOR($Resource.alertify, 'alertify.js-0.3.11/lib/alertify.min.js')}"/>
</head>
<body>
<div>
<img width="320" height="240" src="" id="picture" style="border:10px groove silver" />
</div>
<input id="Take-Picture" type="file" accept="image/*;capture=camera"/>
<p>If the picture looks clear, click the button to decode</p>
<button onclick="DecodeBar();">Decode</button>
<p id="textbit"></p>
<!--- <button id="navigate" style="visibility:hidden;" onclick="navigate();">Go to record</button><br/> --->
<!--- <button style="width:100%" onclick="window.location.reload();">Restart</button> --->
<script type="text/javascript">
var startTime;
var interval;
var recordId;
var takePicture = document.querySelector("#.Take-Picture");
console.log('takePicture'+takePicture);
showPicture = document.querySelector("#.picture");
Result = document.querySelector("#.textbit");
Canvas = document.createElement("canvas");
Canvas.width=640;
Canvas.height=480;
var resultArray = [];
ctx = Canvas.getContext("2d");
showPicture.onload = function(){
ctx.drawImage(showPicture,0,0,Canvas.width,Canvas.height);
};
var workerCount = 0;
function receiveMessage(e) {
var elapsedTime=new Date() - startTime;
if(e.data.success === "log") {
console.log(e.data.result);
return;
}
workerCount--;
if(e.data.success){
clearInterval(interval);
var tempArray = e.data.result;
for(var i = 0; i < tempArray.length; i++) {
if(resultArray.indexOf(tempArray[i]) == -1) {
resultArray.push(tempArray[i]);
}
}
Result.innerHTML=resultArray.join("<br />") + '<br/>Decoded in ' + elapsedTime + ' milliseconds';
// notify the user of the success
alertify.success('Decoded barcode');
BarcodeController.getRecordFromBarcode(resultArray[0], recordRetrieved, {escape: false})
}else{
if(resultArray.length === 0 && workerCount === 0) {
// stop the "working" messages
clearInterval(interval);
Result.innerHTML="Decoding failed in " + elapsedTime + ' milliseconds';
// notify the user of the failure
alertify.error('Unable to decode');
}
}
}
var DecodeWorker = new Worker("{!URLFOR($Resource.DecodeWorker)}");
var RightWorker = new Worker("{!URLFOR($Resource.DecodeWorker)}");
var LeftWorker = new Worker("{!URLFOR($Resource.DecodeWorker)}");
var FlipWorker = new Worker("{!URLFOR($Resource.DecodeWorker)}");
DecodeWorker.onmessage = receiveMessage;
RightWorker.onmessage = receiveMessage;
LeftWorker.onmessage = receiveMessage;
FlipWorker.onmessage = receiveMessage;
if(takePicture && showPicture) {
takePicture.onchange = function (event) {
var files = event.target.files
if (files && files.length > 0) {
file = files[0];
try {
var URL = window.URL || window.webkitURL;
var imgURL = URL.createObjectURL(file);
showPicture.src = imgURL;
URL.revokeObjectURL(imgURL);
}
catch (e) {
try {
var fileReader = new FileReader();
fileReader.onload = function (event) {
showPicture.src = event.target.result;
};
fileReader.readAsDataURL(file);
}
catch (e) {
Result.innerHTML = "Neither createObjectURL or FileReader are supported";
}
}
}
};
}
function DecodeBar(){
// start the timer for the decoding
startTime=new Date();
Result.innerHTML="";
resultArray = [];
workerCount = 4;
interval=setInterval(function(){alertify.log('Still working');},5000);
DecodeWorker.postMessage({pixels: ctx.getImageData(0,0,Canvas.width,Canvas.height).data, cmd: "normal"});
RightWorker.postMessage({pixels: ctx.getImageData(0,0,Canvas.width,Canvas.height).data, cmd: "right"});
LeftWorker.postMessage({pixels: ctx.getImageData(0,0,Canvas.width,Canvas.height).data, cmd: "left"});
FlipWorker.postMessage({pixels: ctx.getImageData(0,0,Canvas.width,Canvas.height).data, cmd: "flip"});
}
function recordRetrieved(result, event)
{
if ( (!event) || (event.status) )
{
if (-1!=result.indexOf('Error'))
{
alertify.error(result);
}
else
{
document.querySelector("#.navigate").style.visibility='visible';
recordId=result;
}
}
else if (event.type === 'exception')
{
alertify.error(result);
}
}
function navigate()
{
if ( (typeof sforce != 'undefined') && (sforce != null) )
{
sforce.one.navigateToSObject(recordId);
}
else
{
window.location="/" + recordId;
}
}
</script>
</body>
</apex:page>
Controller:
public with sharing class BarcodeController
{
@RemoteAction
public static String getRecordFromBarcode(String bcStr)
{
String result;
List<String> eles=bcStr.split(':');
String code=eles[1].trim();
List<Account> accs=[select id, Barcode__c from Account where Barcode__c=:code];
if (0!=accs.size())
{
result=accs[0].id;
}
else
{
account a= new account();
a.name ='Test barcode';
a.Barcode__c =code;
insert a;
}
return result;
}
}
Hi RsekhaR,
Sorry for the inconvenience. In case you don't receive a response here, may I also suggest joining the developer forums below to collaborate with the experts for best practice and advice.
https://developer.salesforce.com/forums
https://salesforce.stackexchange.com/
Hope this helps.
Regards,
JM
