업로드하기 전에 파일을 미리 볼 수 있도록 인터넷에서 발견 된 미리보기 코드, 업로드하기 전에 JavaScript 이미지에서 재현 한 (모든 브라우저와 호환)
<! doctype html> <html> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <style type = "text/css"> #preview, .img, img {width : 200px; 높이 : 200px; } #preview {테두리 : 1px solid #000; }. 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 = "필터 : progid : dximagetransform.microsoft.alphaimageloader (sizatemethod = scale, src =/' ' + file.value +'"> </div> ';}} </script> </html>구현의 핵심 사항
● Chrome, Firefox 및 IE10의 경우 Filereader를 사용하여 구현하십시오.
● IE6 ~ 9의 경우 필터 필터 : progid : dximagetransform.microsoft.alphaimageloader를 사용하여 구현하십시오.
문제없이 ie8+를 테스트했습니다. 그러나 파일의 파일 경로 분할 라인이 IE7의 값이 브라우저에서 제거되었고 파일 경로 분할 라인이 표시되지 않았습니다.
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.