| <!DOCTYPE html> |
| <title>drag & drop - file drop prompt for data URI without inherited origin</title> |
| <script> |
| window.onload = function() { |
| var url = "data:text/html,"+escape( |
| '<!DOCTYPE html>\ |
| <title>drag & drop - file drop prompt for data URI with inherited origin<\/title>\ |
| <style>\ |
| body > div {\ |
| height: 200px;\ |
| width: 200px;\ |
| background-color: orange;\ |
| }\ |
| <\/style>\ |
| <script>\ |
| window.onload = function() {\ |
| var orange = document.getElementsByTagName("div")[0];\ |
| orange.ondragover = orange.ondragenter = orange.ondrop = function(e) {\ |
| e.preventDefault();\ |
| };\ |
| };\ |
| <\/script>\ |
| <div><\/div>\ |
| <p>Drag a file from your desktop onto the orange square. A prompt should appear, either showing the server name as unknown, or otherwise identifying this URL as the target of the upload.<\/p>' |
| ); |
| document.getElementsByTagName('p')[1].textContent = url; |
| }; |
| </script> |
| |
| <p>Load the following URL in a new tab (copy & paste it into the address bar):</p> |
| <p></p> |
| <noscript><p>Enable JavaScript and reload</p></noscript> |