アップロードする前にファイルをプレビューするためにインターネット上で見つかったプレビューコード、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をもっとサポートすることを願っています。