Article sections

    Photo Postback

    First, you can use the codeREADr app to scan a barcode and take a photo and capture associated data. Here, we refer to using it for ID verification. Also, you can use it to capture and view captured photos of any asset, location, and more.

    With photo postback, the system auto-inserts the scanned ID into a cloud-based database. Also, it will store the corresponding photo in a special folder on your Dropbox account or FTP server. Then, it will directly link to the scanned barcode’s value (ID).

    When you scan that ID again, the app will display the photo along with any other content you want to display to the app user at the point of service.

    Because the ID is auto-inserted into the associated database, you can start with a blank database. We detailed the database building process here – Database Builder with Postback URL. You will need two services, both associated with the same database. The first service captures the photo and links it to the barcode value in the database. You can use the other service to show the captured photo when you scan that barcode value.

    Webify

    Using our Webify feature with an existing database of photo URLs, each associated with an ID, you can display the photo to the app user when the corresponding ID is scanned. When you upload your database to codeREADr’s servers, you will need to include an HTML tag.

    In your database:

    Column 1 is the barcode value (ID)

    Column 2 is an HTML tag including the URL to the associated image 

    We have provided an example of the HTML tag.

    Result:

    Valid scan response example

    <html>
    <div style=”max-width:480px;background:rgb(220,220,210);padding:5px;min-height:175px”>
    <img src=”https://www.codereadr.com/images/janedoe.jpg”
    style=”float:right;max-height=175px;height:150px;margin:5px;” />
    <h3>Jane Doe</h3>
    <br>
    <b><u>Student</u></b>
    <br>[Option: Add text here, such as emergency phone numbers or links to content displayed in-app.] </div>
    </html>

    To show just an image after a scan, the most basic HTML would be this placed in column 2 of the database:

    <html>
    <img src=”IMAGE_URL”/>
    </html>

    As an alternative to placing the entire HTML string in every column 2 field, you can instead place structured text in column 2 and create an Alter Response HTML Template.

    Dropbox users: If your images don’t require authentication to view but your images are breaking within the app’s response view, you’ll likely need to make a minor change to your image’s URL. Here’s an option one client suggests:  At the end of the URL change the ?dl=0 to ?raw=1.

    Postback URL

    As a final note, when using your own servers with Postback URL or Direct Scan to URL (DSU) service types, you can post back to the app with an HTML tag as you would with the Webify option above.

    in Services