<html>
<body>
<form name="Upload" enctype="multipart/form-data" method="post">
Filename: <INPUT type="file" id="submit">
<INPUT type="button" id="send" value="Upload">
</form>
<div id="div" align="center" style="height: 200px;width: 500px;border-style: ridge;border-color: red"></div>
</body>
<script type="text/javascript">
var img_id=0
var image = new Array()
document.getElementById('send').onclick=function()
{
img_id++
var id="imgid"+img_id
image = document.getElementById('submit').value;
document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' width=500px height=200px>"
}
</script>
</html>
проблема с этим кодом заключается в том, что он работает только в IE, а не в другом браузере (Firefox, Chrome, .... и т. Д.) Заранее спасибо.
Редактировать: (обновил мой пост в ответребятам из Naren, Bitslitter's, вот текст, который нужно добавить к обсуждению, опубликованному ниже:
Спасибо, ребята, за отзывы, отзывы Naren и Bitslitter были определенно полезными.
Не могли бы вы порекомендовать, как добиться того, что я хочу сделать, здесь:
В моем веб-приложении есть кнопка, при нажатии которой открывается диалоговое окно открытия браузера с вопросомдля файла изображения пользователь выбирает изображение, изображение открывается в веб-приложении.Для меня важно, чтобы браузер открыл изображение с локального сервера, так как я хочу использовать тег HTML5 canvas для чтения пикселей, а затем динамически преобразовывать эти пиксели в SVG (используя JS).Все это звучит сложнее, чем должно быть.
Веб-приложения, такие как Mugtug's Darkroom (http://mugtug.com/darkroom/) смогли достичь именно того, чего я хочу.