How to make an input file todataurl for use?
<p>I would like to grab a file from the input tag and convert it to a URL then display that URL in the paragraph tag. </p>

<p>Is this possible with only Javacript/HTML?</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;script src="jquery-1.12.0.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;

        &lt;form action="demo_form.asp"&gt;
            &lt;input type="file" id="wow" name="pic" accept="image/*"&gt;
        &lt;/form&gt;

        &lt;script&gt;
            $("document").ready(function(){

                $("#wow").change(function() {
                    document.getElementById("penut").innerHTML = document.getElementById("wow").files.toDataUrl();
                });
            });
        &lt;/script&gt;

        &lt;p id="penut"&gt;&lt;/p&gt;

    &lt;/body&gt;
&lt;/html&gt;
</code></pre>