dom/url/createobjecturl-1.html

<!DOCTYPE HTML>
<title>window.URL.createObjectURL</title>

<p><label>Select a file: <input type=file></label>

<p><input type=button onclick=exec() value="Then push this button">

<p id=value>...
<dl></dl>

<script>
function exec () {
  var results = document.getElementsByTagName ('dl')[0];

  var u = window.URL || window.webkitURL || {};
  if (u.createObjectURL) {
    var url = u.createObjectURL (document.getElementsByTagName ('input')[0].files[0]);
    document.getElementById ('value').firstChild.data = url;
  } else {
    var url = {};
  }

  for (var v in url) {
    var dt = document.createElement ('dt');
    var code = document.createElement ('code');
    code.appendChild (document.createTextNode (v));
    dt.appendChild (code);
    results.appendChild (dt);

    var dd = document.createElement ('dd');
    var code = document.createElement ('code');
    code.appendChild (document.createTextNode (url[v]));
    dd.appendChild (code);
    results.appendChild (dd);

    var dd = document.createElement ('dd');
    var code = document.createElement ('code');
    code.appendChild (document.createTextNode (Object.prototype.toString.apply (url[v])));
    dd.appendChild (code);
    results.appendChild (dd);
  }
} // exec
</script>
1	<!DOCTYPE HTML>
2	<title>window.URL.createObjectURL</title>
3
4	<p><label>Select a file: <input type=file></label>
5
6	<p><input type=button onclick=exec() value="Then push this button">
7
8	<p id=value>...
9	<dl></dl>
10
11	<script>
12	function exec () {
13	var results = document.getElementsByTagName ('dl')[0];
14
15	var u = window.URL \|\| window.webkitURL \|\| {};
16	if (u.createObjectURL) {
17	var url = u.createObjectURL (document.getElementsByTagName ('input')[0].files[0]);
18	document.getElementById ('value').firstChild.data = url;
19	} else {
20	var url = {};
21	}
22
23	for (var v in url) {
24	var dt = document.createElement ('dt');
25	var code = document.createElement ('code');
26	code.appendChild (document.createTextNode (v));
27	dt.appendChild (code);
28	results.appendChild (dt);
29
30	var dd = document.createElement ('dd');
31	var code = document.createElement ('code');
32	code.appendChild (document.createTextNode (url[v]));
33	dd.appendChild (code);
34	results.appendChild (dd);
35
36	var dd = document.createElement ('dd');
37	var code = document.createElement ('code');
38	code.appendChild (document.createTextNode (Object.prototype.toString.apply (url[v])));
39	dd.appendChild (code);
40	results.appendChild (dd);
41	}
42	} // exec
43	</script>