third_party/WebKit/LayoutTests/fast/files/apply-blob-url-to-img.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <input type="file" name="file" id="file" onchange="onInputFileChange()">
   5 <img id='imgToReplace' src=''>
   6 <pre id='console'></pre>
   7
   8 <script>
   9 function log(message)
  10 {
  11     document.getElementById('console').appendChild(document.createTextNode(message + "\n"));
  12 }
  13
  14 function onInputFileChange()
  15 {
  16     var file = document.getElementById("file").files[0];
  17     var img = document.getElementById('imgToReplace');
  18     log("Old image: " + img.width + " x " + img.height);
  19     img.onload = onImgLoad;
  20     img.src = window.URL.createObjectURL(file);
  21 }
  22
  23 function onImgLoad()
  24 {
  25     var img = document.getElementById('imgToReplace');
  26     log("New image: " + img.width + " x " + img.height);
  27     log("DONE");
  28     if (testRunner.notifyDone)
  29         testRunner.notifyDone();
  30 }
  31
  32 function moveMouseToCenterOfElement(element)
  33 {
  34     var centerX = element.offsetLeft + element.offsetWidth / 2;
  35     var centerY = element.offsetTop + element.offsetHeight / 2;
  36     eventSender.mouseMoveTo(centerX, centerY);
  37 }
  38
  39 function runTests()
  40 {
  41     eventSender.beginDragWithFiles(['resources/abe.png']);
  42     moveMouseToCenterOfElement(document.getElementById('file'));
  43     eventSender.mouseUp();
  44 }
  45
  46 if (window.eventSender) {
  47     testRunner.dumpAsText();
  48     testRunner.waitUntilDone();
  49     window.onload = runTests;
  50 }
  51 </script>
  52 </body>
  53 </html>