mr_maxПри выборе файла в input type=file, можно ли как-то посмотреть какой файл мы загружаем, открыть его, не заливая на сервер?
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html>
<html>
<head>
<style>
html, body { width:100%; height:100%; }
#img1 { max-width:100px; max-height:100px; border:solid 1px #000000; }
</style>
<script type="text/javascript">
function go() {
var myFliles=document.getElementById('idFile').files, myReader;
if (!myFliles) { alert('Смените браузер на более новую версию, или на современный.'); return false; }
myReader = new FileReader();
myReader.readAsDataURL(myFliles[0]);
myReader.onloadend = function() {
var myStringBase64 = myReader.result;
document.getElementById('img1').src=myStringBase64;
}
}
</script>
</head>
<body>
<input type="file" id="idFile" />
<input type="button" value="Go" onclick="go()" />
<div><img id="img1" src="" alt=""/></div>
</body>
</html>
