ksa,
|
Сообщение от ksa
|
|
Ошибка...
|
вы шутите что ли?)
Upd. вот с FileReader.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
label {
display: block;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<label>
Выбор файла
<input type='file' id='test' />
</label>
<button onclick='test();'>Test</button>
<script type='text/javascript'>
function test(){
var input=document.querySelector('input');
if(!input.files.length)
return;
var fReader=new FileReader();
fReader.onload=function(){
alert(this.result);
};
fReader.readAsDataURL(input.files[0]);
};
</script>
</body>
</html>
Вот с
URL.createObjectURL.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
label {
display: block;
}
#preview img{
max-width:100px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<label>
Выбор файла
<input type='file' id='test' />
</label>
<button onclick='test();'>Test</button>
<div id="preview"></div>
<script type='text/javascript'>
function test(){
var input=document.querySelector('input');
if(!input.files.length)
return;
var img=document.createElement('img');
img.src=URL.createObjectURL(input.files[0]);
document.querySelector('#preview').appendChild(img);
};
</script>
</body>
</html>