Un código de vista previa que se encuentra en Internet para obtener una vista previa del archivo antes de cargar, reproducido de las imágenes de JavaScript antes de cargar (compatible con todos los navegadores)
<! DOCTYPE HTML> <html> <HEAD> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <style type = "text/css"> #preview, .Img, img {width: 200px; Altura: 200px; } #Preview {border: 1px sólido #000; } </style> </head> <body> <div id = "vista previa"> </div> <input type = "file" onChange = "Preview (this)"/> <script type = "text/javaScript"> function preview (file) {var preve = document.getElementById ('previsual View'); if (file.files && file.files [0]) {var lector = new FileReader (); Reader.Onload = function (Evt) {PrevDiv.innerhtml = '<img src = "' + evt.target.result + '" />'; } lector.readasdataurl (file.files [0]); } else {PrevDiv.innerhtml = '<Div style = "Filtro: progid: dximagetransform.microsoft.alphaimageloader (dimensionador de dimensionamiento = escala, src =/' ' + file.value +'/'"> </div>';}} </script> </body> </html>Puntos clave de implementación
● Para Chrome, Firefox e IE10, use FileReader para implementarlo.
● Para IE6 ~ 9, use filtro de filtro: progid: dximagetransform.microsoft.alphaimageloader para implementarlo.
Probé IE8+ sin ningún problema. Sin embargo, el navegador eliminó la línea de división de ruta de archivo del archivo.
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.