JavaScript implementa el archivo de selección de archivos del cliente y la imagen del cliente de carga IMG para lograr la vista previa de la imagen.
Los navegadores de prueba: Firefox6, Firefox12, Chrome 25.0.1364.172 m, IE6-II10 son todos compatibles
Safari5.0.4 no admite FileReader y File.files.Item (0) .getAsdataurl Métodos. No hay solución por el momento. Debe cargarlo en el servidor y devolver el nombre del archivo temporal y cargarlo con la etiqueta IMG. No sé si la versión de Safari posterior admite objetos de FileReader.
IE10 Efecto:
Efectos de IE9:
Implementar el código fuente:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "txt/html; charset = utf-8"/> <title> javaScript implementa IE, imagen de la imagen del cliente de Firefox. IE6 es IE6. Al juzgar que UserAgent no es necesariamente preciso if (document.all) Docum.Write ('<!-[if LTE IE 6]> <script type = "text/javascript"> window.ie6 = true <// script> <! [Endif]->'); // var ie6 =/msie 6/i.test (navigator.useragent); // no recomendado, algunos sistemas ie6 userAgent serán IE7 o IE8 Cambio de funciones (picid, fileID) {var pic = document.getElementById (PICID); var file = document.getElementById (fileId); if (window.filereader) {// Chrome, Firefox7+, Opera, IE10, IE9, IE9 también puede usar filtros para implementar deReader = new FileReader (); ofReader.ReadasDataurl (File.files [0]); ofReader.onLoad = function (ofRent) {pic.src = ofRent.target.result;}; } else if (document.all) {// ie8- file.select (); var reaslocalPath = document.selection.createrange (). Text // Obtener la ruta del archivo local real en IE if (Window.ie6) pic.src = REALLOCALPATH; // IE6 El navegador establece el SRC de IMG en la ruta local para mostrar directamente la imagen más {// IE6 Versión de IE establecer directamente el SRC de IMG no puede mostrar la imagen local debido a problemas de seguridad, pero se puede implementar a través de filtros. El navegador IE10 no admite filtros y necesita usar FileReader para implementarlo. Así que tenga cuidado de juzgar que FileReader primero Pic.Style.Filter = "Progid: dximagetransform.microsoft.alphaimageloader (dimensionamiento = 'image', src =/" " + reaslocalpath +"/")"; pic.Src = 'Data: Image/Gif; Base64, R0lGodlhaqabaiaAAp /// waaach5baeaaaaaaaaaaaaaaaaaaaaaaaaicraeaow =='; // establece el src de img en una imagen transparente codificada por base64 y no mostrará red xx}}}}}} (file (file. {// firefox6- if (file.files.item (0)) {url = file.files.item (0) .getAsdataurl (); pic.src = url; }}} </script> </head> <body> <form de formular = "form1" enctype = "multipart/form-data"> <table> <tr> <td> sketch 1: </td> <td> <input type = "file" name = "file1" id = "file1" onchange = "cambie (pic1 ',' file1 ')"> </td> <td> sketch 1: sketch 1: sketch 1: sketch 1: sketch 1: sketch 1: </td> <td> <img src = "images/px.gif" id = "pic1"> </td> </tr> <tr> <tr> <td> Sketch 2: </td> <td> <input type = "file" name = "file2" id = "file2" onchange = "cambio (pic2 ',' file2 ')"> </td> <tr> <tr> </td> <td> <img src = "images/px.gif" id = "pic2"> </td> </tr> </table> </form> </body> </html>