how to show picture in summary page of macOS installer

Question

Created Mar ’21

Replies 0

Boosts 0

Views 1.2k

Participants 1

Hi,
I added one QR Code in conclusion.html in macOS installer, after the installation complete, the summary page cannot show the picture. I have tried with base64 embeded picture, local picture and load picture from internet, all are not useful. Please let me know how to show the picture in summary page of macOS installer.

I used productbuild to build my macOS application. Below is the Distribution.xml

Code Block language<?xml version="1.0" encoding="utf-8" standalone="no"?>
<installer-script minSpecVersion="1.000000">
    <title>__PRODUCT__</title>
    <background mime-type="image/png" file="banner.png" scaling="proportional"/>
    <welcome file="welcome.html" mime-type="text/html" />
    <conclusion file="conclusion.html" mime-type="text/html" />
    <license file="LICENSE.txt"/>
    <options customize="never" allow-external-scripts="no"/>
    <domains enable_localSystem="true" />
    <installation-check script="installCheck();"/>
    <script>
function installCheck() {
    if(!(system.compareVersions(system.version.ProductVersion, '10.6.0') >= 0)) {
        my.result.title = 'Unable to install';
        my.result.message = '__PRODUCT__ requires Mac OS X 10.6 or later.';
        my.result.type = 'Fatal';
        return false;
    }
    if(system.files.fileExistsAtPath('/Library/__PRODUCT__/__VERSION__/')) {
        my.result.title = 'Previous Installation Detected';
        my.result.message = 'A previous installation of __PRODUCT__ exists at /Library/__PRODUCT__/__VERSION__/. This installer will remove the previous installation prior to installing. Please back up any data before proceeding.';
        my.result.type = 'Warning';
        return false;
    }
    return true;
}
    </script>
    <choices-outline>
        <line choice="__PRODUCT__"/>
    </choices-outline>
    <choice id="__PRODUCT__" title="__PRODUCT__">
        <pkg-ref id="__PRODUCT__.pkg"/>
    </choice>
    <pkg-ref id="__PRODUCT__.pkg" auth="Root">__PRODUCT__.pkg</pkg-ref>
</installer-script>

the conclusion.html like below:

Code Block language
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
    </head>
    <body>
        <div style="font-family: Helvetica; padding-left: 10px;" align="left">
            <h3>XXXXXXXXXX</h3>
                <p style="color: #020202; font-size: 11px;">Thank you for installing XXXXXXXXXX.</p>
            <h5>Run XXXXXXXXXX</h5>
                <p style="color: #020202; font-size: 11px;">Open the below links for all restful apis swagger:</p>
                <ul>
                    
                </ul>
        </div>
        <div>
            <div>
                <h3>QR Code</h3>
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAAFKAQAAAABTUiuoAAAB3UlEQVR4nO2bTcqkMBCGn5oIvbRv8B0lXm1upkfpAwzosiHyziKJdsMs7AE/M0xlEUh8Fi8UZf2piYNr+nGUBEcdddRRRx09E7WyOupmZsNSr4eWtDpKlCTN5VJjL2kkSJL0jp4jwNFP0KW6UJxXIz7MALKrfYsAR/8Gnb4STPfrBDh6HJXmIKISNlwiwNEDaA5UYAOrmdktRytJ6XsEOHocnczM7A6w3EScAbLdSgRrR+t/jOYcYm8/afpKAKtB/96Vulyro5QcvZcgp+yJl22Ekt+Pl2t1tFgrzkHQJ4BQXapXvstVl1vrerSYQjOUTYkat2Avkd1aDaDVt5TIzhTnksZrJNSjW6sNdItbqfrRXG00gsetttDNt0qq8fpirE7nvtUKusWtkHNCIKi6VZDHrabQ7vXQ/yq93Ki1q8fVdKYARz+2lgEmlpssjqsBQVYehtp6ulyro+h9sddbsRZi/iZsC91nx5KeVgrjpSsDlPMFOPoJus2Oc/s9PjpKa2PxaWR76DY7pn9aNtRkZntXoyGtjtYlPTpgMctp/M/76l/RNIN2f7zdJ/1Ra+cZfGvoNju2O5SWPP4VTZvoPjvOgap/5qIrZx7D+QIcPbLM/1pw1FFHHXX0H0J/A5p4Rx7sMhPSAAAAAElFTkSuQmCC"/>
                <img src="qrcode.png"></img>
            </div>
        </div>
        <div style="font-family: Helvetica; padding-left: 10px;" align="left">
            <br/>
            <h5>Uninstall XXXXXXXX</h5>
                <p style="color: #020202; font-size: 11px;">Run the following command to uninstall XXXXXXXXX。<br />
                  <code style="color: #c6a72b; font-size: 11px;"><br />&nbsp; $ <span style="color: #abb0b0">sudo bash /Library/__PRODUCT__/__VERSION__/uninstall.sh</span></code>
                </p>
        </div>
        <div style="font-family: Helvetica; padding-left: 10px;" align="left"><br />
            <p style="color: #abb0b0; font-size: 10px;"></p>
        </div>
    </body>
</html>

Boost