<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('#filess').change(function() {
if(window.FileReader) {
var im = new Image(), r = new FileReader(), f = this.files[0], type = f.type;
r.onload = function(e) {
im.onload = function() {
alert('Type: '+type+'\n'+'Width: '+this.width+'\n'+'Height: '+this.height)
}
im.src = e.target.result;
}
r.readAsDataURL(f)
} else {
//сорри, только через сервер
}
})
});
</script>
</head>
<body>
<form id="ka">
<input type="file" id="filess" name="files"/>
<input type="submit" value="Send"/>
</form>
</body>
</html>
Вам нужно отправлять один файл, а значит name="files", иначе при name="files[]" лишь усложниться структура массива принятых файлов.
<button type="submit"> - такого быть не может, или input type="submit" или button.
PS. Причина в безопасности - для того чтобы использовать свойство value, изображение должно быть в том же каталоге что и скрипт, что в случае веб-страницы нельзя реализовать. В IE можно добавить сайт в доверенные, тоже будет доступно. Сейчас попробую по иному, если не получится, то нужно нужно будет использовать, например, FileReader.