Код предварительного просмотра, найденный в Интернете для предварительного просмотра файла перед загрузкой, воспроизведен с изображений JavaScript перед загрузкой (совместимо со всеми браузерами)
<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <style = "text/css"> #preview, .img, img {width: 200px; Высота: 200px; } #preview {border: 1px solid #000; } </style> </head> <body> <div id = "preview"> </div> <input type = "file" onchange = "preview (this)"/> <script type = "text/javascript"> preview (file) {var previdiv = document.getelementbyid ('preview'); if (file.files && file.files [0]) {var reater = new FileReader (); reader.onload = function (evt) {prevdiv.innerhtml = '<img src = "' + evt.target.result + '" />'; } reader.readasDataurl (file.files [0]); } else {prevdiv.innerhtml = '<div style = "filter: progid: dximagetransform.microsoft.alphaimageloader (sizingmethod = scale, src =/' ' + file.value +'/'"> </div>';}} </'' + body> </html> </div> ';Ключевые моменты реализации
● Для Chrome, Firefox и IE10 используйте FileReader для его реализации.
● Для IE6 ~ 9 используйте фильтр фильтра: Progid: dximagetransform.microsoft.alphaimageLoader для его реализации.
Я тестировал IE8+ без каких -либо проблем. Тем не менее, строка расщепления пута файла.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.