<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>支持图片上传预览的uploadPreview.js插件</title> <script src="js/uploadPreview.js"></script> </head> <body> <!-- 代码部分begin --> <ul id="warp"> <li> <input type="file" id="up_img_a" /> <img id="imgShow_a" width="100" height="100" /> </li> <li> <input type="file" id="up_img_b" /> <img id="imgShow_b" width="100" height="100" /> </li> </ul> <!-- 代码部分end --> <script type="text/javascript"> function file_click(){ new uploadPreview({ UpBtn: "up_img_a", ImgShow: "imgShow_a"}); new uploadPreview({ UpBtn: "up_img_b", ImgShow: "imgShow_b"}); } window.onload = file_click; </script> </body> </html>
下载地址:files.cnblogs.com/files/qhorse/支持图片上传预览的uploadPreview.js插件.rar