Show PDF Image Prior To Upload

I would like to preview the .pdf file prior to uploading it. It seems this no longer works. Is there an alternative with the newer Wappler?

The code back during DMXzone & Bootstrap 3 days prior to Wappler that I used was:

      <div class="col-sm-10 col-sm-offset-1" data-binding-show="{{$FILES.file_name.dataUrl}}">

            <object data="{{$FILES.file_name.dataUrl}}" type="application/pdf" width="100%" height="568">
                   <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: <a href="/pdf/sample-3pp.pdf">Download PDF</a>.</p>
            </object>

      </div>
     <!-- /.col-sm-10 col-sm-offset-1 -->
</div>
<!-- /.col-sm-6 -->
Community Page
Last updated: