Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Xem ảnh
URL: https://www.javascriptbank.com/image-previewer.html
Bạn có thể sử dụng đoạn mã JavaScript này để cho người dùng có thể xem ảnh thông qua trang web của mình.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Xem ảnh
URL: https://www.javascriptbank.com/image-previewer.html
<script type="text/javascript"><!-- Begin/*Created by: Abraham Joffe :: http://www.abrahamjoffe.com.au/ *//***** CUSTOMIZE THESE VARIABLES *****/ // width to resize large images tovar maxWidth=100; // height to resize large images tovar maxHeight=100; // valid file typesvar fileTypes=["bmp","gif","png","jpg","jpeg"]; // the id of the preview image tagvar outImage="previewField"; // what to display when the image is not validvar defaultPic="spacer.gif";/***** DO NOT EDIT BELOW *****/function preview(what){ var source=what.value; var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase(); for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) break; globalPic=new Image(); if (i<fileTypes.length) globalPic.src=source; else { globalPic.src=defaultPic; alert("THAT IS NOT A VALID IMAGE\nPlease load an image with an extention of one of the following:\n\n"+fileTypes.join(", ")); } setTimeout("applyChanges()",200);}var globalPic;function applyChanges(){ var field=document.getElementById(outImage); var x=parseInt(globalPic.width); var y=parseInt(globalPic.height); if (x>maxWidth) { y*=maxWidth/x; x=maxWidth; } if (y>maxHeight) { x*=maxHeight/y; y=maxHeight; } field.style.display=(x<1 || y<1)?"none":""; field.src=globalPic.src; field.width=x; field.height=y;}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><b>Test it by locating a valid file on your hard drive:</b><br><input type="file" id="picField" onchange="preview(this)"><br><img alt="Graphic will preview here" id="previewField" src="logojs.gif"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->