blob: 534c1de9968da89036e57ff52a8ac6feb8d5b377 [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<title>FileAPI Test: Creating Blob URL with File as image source</title>
<link rel="author" title="Intel" href="">
<link rel="author" title="JunChen Xia" href="">
<p>Test steps:</p>
<li>Download <a href="/images/blue96x96.png">blue96x96.png</a> to local.</li>
<li>Select the local file (blue96x96.png) to run the test.</li>
<p>Pass/fail criteria:</p>
<p>Test passes if there is a filled blue square.</p>
<p><input type="file" accept="image/*" id="fileChooser"></p>
<p><img id="displayImage"></img></p>
var fileInput = document.querySelector("#fileChooser");
var img = document.querySelector("#displayImage");
fileInput.addEventListener("change", function(evt) {
img.src = window.URL.createObjectURL(fileInput.files[0]);
}, false);