アップロードする前にファイルをプレビューするためにインターネット上で見つかったプレビューコード、JavaScript画像からアップロードする前に再現しました（すべてのブラウザと互換性があります）
<高さ：200px; } #preview {border：1px solid＃000; } </style> </head> <body> <div id = "preview"> </div> <入力タイプ= "file" onchange = "prepiew（this）"/> <script = "text/javascript"> function prepiew（file）{var prevdiv = document.getelementbyid（ 'preview'）; 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：dmimagetransform.microsoff.alphaimageloader（sizingmethod = scale、src =/' ' + file.value +'/'"> </div>';}}} </script/body> </html> </html>実装の重要なポイント
●Chrome、Firefox、およびIE10の場合、FileReaderを使用して実装します。
●IE6〜9の場合、フィルターフィルターを使用してください：progid：dmimagetransform.microsoft.alphaimageloaderを実装します。
問題なくIE8+をテストしました。ただし、IE7のファイルのバリューのファイルパス分割行はブラウザによって削除され、ファイルパス分割行は表示されませんでした
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。