Код выглядит следующим образом
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> unt назвал документ </title>
<script type = "text/javascript">
// Предварительный просмотр локального изображения
Функция setImagePreview (FieldUpload, Image, ImageDiv) {
var docobj = document.getElementById (FieldUpload);
var imgobjpreview = document.getElementbyid (image);
if (docobj.files && docobj.files [0]) {
// под Firefox, установите атрибут IMG напрямую
imgobjpreview.style.display = 'block';
imgobjpreview.style.width = '150px';
imgobjpreview.style.height = '150px';
//imgobjpreview.src = docobj.files [0] .getasDataurl ();
// Firefox 7 или выше не может быть получен с использованием метода GetAsDataurl () выше, и требуется следующий метод
imgobjpreview.src = window.url.createObjecturl (docobj.files [0]);
} еще {
// Использовать фильтры под т.е.
docobj.select ();
var imgsrc = document.selection.createrange (). Text;
var localimagid = document.getElementById (iMagediv);
// должен быть установлен начальный размер
LocalImagid.Style.width = "150px";
LocalImagid.Style.Height = "150px";
// поймать исключение изображения, чтобы не позволить пользователям изменять суффикс для создания изображений
пытаться {
LocalImagid.Style.filter = "Прогид: dximageTransform.microsoft.alphaimageLoader (sizingmethod = Scale)";
} catch (e) {
Alert («загруженное вами изображение неверно, пожалуйста, переходите!»);
вернуть ложь;
}
imgobjpreview.style.display = 'none';
document.selection.empty ();
}
вернуть истину;
}
</script>
</head>
<тело>
<div id = "localimag"> <img id = "preview" src = "http://images.cnblogs.com/cnblogs_com/yc-755909659/559257/o_%E6%9A%82%E6%97%A0% e5%9b%be%e7%89%87.gif " /> < /div>
<div>
<input type = "file" onchange = "javascript: setimagepreview ('upload', 'preview', 'localimag');" id = "upload" />
</div>
</body>
</html>