56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>TITLE</title>
|
||
|
|
<link rel="stylesheet" href="css/index.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<input type="file" id="files" name="files[]" multiple />
|
||
|
|
<output id="list"></output>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function handleFileSelect(evt) {
|
||
|
|
files = evt.target.files; // FileList object
|
||
|
|
|
||
|
|
// files is a FileList of File objects. List some properties.
|
||
|
|
var output = [];
|
||
|
|
for (var i = 0, f; f = files[i]; i++) {
|
||
|
|
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
|
||
|
|
f.size, ' bytes, last modified: ',
|
||
|
|
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
|
||
|
|
'</li>');
|
||
|
|
}
|
||
|
|
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('files').addEventListener('change', handleFileSelect, false);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
<div id=d="files" name="files[]" multiple />
|
||
|
|
<output id="list"></output>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function handleFileSelect(evt) {
|
||
|
|
var files = evt.target.files; // FileList object
|
||
|
|
|
||
|
|
// files is a FileList of File objects. List some properties.
|
||
|
|
var output = [];
|
||
|
|
for (var i = 0, f; f = files[i]; i++) {
|
||
|
|
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
|
||
|
|
f.size, ' bytes, last modified: ',
|
||
|
|
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
|
||
|
|
'</li>');
|
||
|
|
}
|
||
|
|
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('files').addEventListener('change', handleFileSelect, false);
|
||
|
|
</script>u"left" class="side">
|
||
|
|
<div class="frame"></div>
|
||
|
|
</div><!--
|
||
|
|
--><div id="right" class="side">
|
||
|
|
<div class="frame"></div>
|
||
|
|
</div>
|
||
|
|
</html>
|