Javascript는 사진 업로드 및 code_javascript 기술 미리보기 효과를 구현합니다.

< title>< ;/title>



사진 선택:<입력 유형= "파일" 크기 ="20" onchange="upimg(this);" />

예 2. 동시에 ie6, ie7, ie8 및 firefox와 호환됩니다.

<script> <br>var picpath; <br>var image;// 미리보기 그림 <br>preview() >{ <br>document.getelementbyid('preview').style.display = 'none'; <br>// IE에서 이미지가 정상적으로 표시될 수 있도록 이미지 크기를 구하는 코드는 다음과 같습니다 <br> document.getelementbyid('box' ).innerhtml <br>= "<img width='" image.width "' height='" image.height "' id='apic' src='" picpath "'> "; <br>} <br>// 보기 버튼 표시 <br>function 버튼show() <br>{ <br>/* <br>이미지 로딩 지연으로 인한 미리보기 실패를 해결하는 데 사용됩니다. <br> 간략한 설명, src 속성이 변경되면 JavaScript는 이미지 콘텐츠를 이미지로 다시 로드합니다. <br>로드가 완료되기 전에 이미지를 표시하려는 경우 일반적으로 시간이 걸립니다. 오류가 발생하므로 <br>이미지의 너비와 너비를 전달하여 이미지가 성공적으로 로드되었는지 확인하고, 로드가 완료된 후에만 미리보기 버튼이 표시됩니다. <br>여기서 여전히 혼란스럽습니다. , IE7에서는 미리보기 효과가 실패하는 경우가 있습니다. <br>*/ <br>if ( image.width == 0 || image.height == 0 ) { <br>settimeout(buttonshow, 1000) <br>} else { <br>document.getelementbyid('preview').style.display = 'block'; <br>} <br>} <br>function loadimage(ele) { <br>picpath = getpath(ele) <br>image = 새 이미지(); <br>image.src = picpath; <br>settimeout(buttonshow, 1000) <br>} <br>function getpath(obj) <br>{ <br>if(obj) <br>{ <br>//ie <br>if (window.navigator.useragent.indexof ("msie")>=1) <br>{ <br>obj.select() <br>// <br>return document.selection.createrange().text; <br>//firefox <br>else if(window.navigator.useragent.indexof("firefox")에서 이미지의 로컬 경로를 가져옵니다. )>=1) <br>{ <br>if(obj.files) <br>{ <br>// Firefox에서 얻은 것은 이미지 데이터 <br>return obj.files.item(0)입니다. getasdataurl() <br>return obj.value; <br>} <br>return obj .value; <br>} <br>} <br></script> head>


>