Un code d'aperçu trouvé sur Internet pour prévisualiser le fichier avant le téléchargement, reproduit à partir d'images JavaScript avant le téléchargement (compatible avec tous les navigateurs)
<! Doctype html> <html> <éadf> <meta http-equiv = "content-type" content = "text / html; charset = utf-8" /> <style type = "text / css"> #preview, .img, img {width: 200px; hauteur: 200px; } #preview {border: 1px solide # 000; } </ style> </ head> <body> <div id = "aperview"> </ div> <input type = "file" onChange = "Preview (this)" /> <script type = "text / javascript"> function préview (file) {var prevdiv = document.getElementById ('aperview'); if (file.files && file.files [0]) {var Reader = 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 (SizeMethod = Scale, src = /' '+ file.value +' / '"> </ div>';}} </ script> </ody> </html>Points clés de la mise en œuvre
● Pour Chrome, Firefox et IE10, utilisez FileReader pour l'implémenter.
● Pour IE6 ~ 9, utilisez le filtre du filtre: PROGID: dxiageTransform.microsoft.alphaimageLoader pour l'implémenter.
J'ai testé IE8 + sans aucun problème. Cependant, la ligne de division du chemin du fichier du fichier.Value dans IE7 a été supprimée par le navigateur et la ligne de division du chemin du fichier n'a pas été affichée
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.