How to call calling a function inside a Template literal
<p>How can I go about calling a function inside a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="noreferrer">Template literal</a>.</p>

<p>The function syntax in the attempt below shows in the HTML:</p>

<pre><code>function readURL(input) {
    if (input.files &amp;&amp; input.files[0]) {
        var reader = new FileReader();

        var html = `
        &lt;div class="row"&gt;
        ${reader.onload = function (e) {
            $('#image_upload_preview').attr('src', e.target.result);
        }}
        &lt;img id="image_upload_preview" src="http://placehold.it/100x100" alt="your image" /&gt;
        &lt;/div&gt;
        `;

        $("#test").append(html);

        reader.readAsDataURL(input.files[0]);
    }
}

$("#multi-file").change(function () {
    readURL(this);
});
</code></pre>

<p>Thank you all in advance.</p>