При работе в Шэньчжэне вам нужен пользователь для загрузки функции предварительного просмотра Avatar! Я искал много из них в Интернете, но я не был очень доволен. Либо это Flash, либо возвращает путь изображения после загрузки Ajax, либо вообще не используется. К счастью, кто -то писал функцию предварительного просмотра изображения в этом проекте раньше, и я взял ее на себя, чтобы сделать запись здесь, чтобы мне было легче использовать ее в будущем и для других друзей, нуждающихся!
Код прост, следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> by: dragondean </title> <script type = javascript '>/function froview for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for for the function type = javascript setimagePreview (avalue) {var docobj = document.getElementById ("doc"); var imgobjpreview = document.getElementById ("preview"); if (docobj.files && docobj.files [0]) {// Под Firefox, непосредственно установить атрибут imgobj 'block'; imgobjpreview.style.width = '150px'; imgobjpreview.style.height = '180px'; //imgobjpreview.src = docobj.files [0] .getAsDataurl (); // Версия Firefox 7 или выше не может быть получена с использованием метода getAsDataurl () выше. Вам нужен следующий метод imgobjpreview.src = window.url.createobjecturl (docobj.files [0]);} else {// под IE, используйте фильтр docobj.select (); var imgsrc = document.selection.createrAnge (). Var localImagid = Document.GetElementByd ("localImag"). localimagid.style.width = "150px"; localimagid.style.height = "180px"; // Захват исключений изображения не позволит пользователям изменить суффикс для создания изображения try {localimagid.style.filter = "Прогид: dximageTransform.microsoft.alphaimageLoader (sizingmethod = scale)"; localimagid.filters.item ("dximagetransform.microsoft.alphaimageloader"). Неправильно, пожалуйста, выберите еще раз! »); вернуть false;} imgobjpreview.style.display = 'none'; document.selection.empty ();} return true;} </script> </head> <body> <Таблица Cellpacing =" 0 "CellPadding =" 0 "> <Tbody> <tr> <td align ="> <ImpadiM = "> <Tbody> <TBODY> <TR> <TD Align ="> <ImeMAG ">". id = "preview" src = "http://blog.chuangling.net/public/images/top.jpg" style = "display: block; Ширина: 150px; Высота: 180px; "> </div> </td> </tr> <tr> <td align =" center "style =" padding-top: 10px; "> <input type =" name = "файл" id = "doc" onchange = "javascript: setimagepreview ();"> </td> </tr> </tbody> </t> </tbody> </tbody> </tbody> </tbody> </tbody> </tbod> </tbod> </t> </tbod>Тесты могут использоваться в IE8, FF12.0 и Google Chrome 28.0.1500.72!