You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<metaname="description" content="JavaScript Load Image is a function to load images provided as File or Blob objects or via URL. It returns an optionally scaled HTML img or canvas element.">
<p><ahref="https://developer.mozilla.org/en/JavaScript/">JavaScript</a> Load Image is a function to load images provided as <ahref="https://developer.mozilla.org/en/DOM/File">File</a> or <ahref="https://developer.mozilla.org/en/DOM/Blob">Blob</a> objects or via URL.<br>
It returns an optionally scaled HTML <strong>img</strong> or <strong>canvas</strong> element.</p>
</blockquote>
<br>
<divclass="row">
<divclass="span5">
<h2>Select an image file</h2>
<p><inputtype="file" id="file-input"></p>
<p><spanclass="label label-info">Notice</span> Or <strong>drag & drop</strong> an image file onto this webpage.</p>
</div>
<divclass="span7">
<h2>Result</h2>
<divclass="well" id="result"><p><spanclass="label label-warning">Notice</span> This demo works only in browsers with support for the <ahref="https://developer.mozilla.org/en/DOM/window.URL">URL</a> or <ahref="https://developer.mozilla.org/en/DOM/FileReader">FileReader</a> API.</p></div>
</div>
</div>
</div>
<scriptsrc="load-image.min.js"></script>
<!-- jQuery and Bootstrap JS are not required, but included for the demo -->