一段简短的代码实现图片上传之前的预览

共1个文件

php：1个

图片预览

需积分: 3 14 下载量 114 浏览量 2008-10-28 10:57:50 上传评论收藏 788B RAR 举报

温馨提示

一段简短的代码实现图片上传之前的预览，之前做个好久都没有成功，终于找到了。。。

资源推荐

资源详情

资源评论

收起资源包目录

testImagesPreview.rar （1个子文件）

testImagesPreview.php 1KB

共 1 条

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript" type="text/javascript"> function validateImg() { var x = document.getElementById("imageUrl"); if(!x || !x.value){ return false; } var patn = /\.jpg$|\.jpeg$|\.gif$/i; if(patn.test(x.value)){ return true; }else{ alert("您选择的似乎不是图像文件。"); return false; } } function preview() { var x = document.getElementById("imageUrl"); if(!validateImg()){ return; } document.getElementById("imgView").filters.item ("DXImageTransform.Microsoft.AlphaImageLoader").src = 'file://localhost/' + x.value; } </script> </head> <body> <div id="imgView" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:70px;height:50px;">  </div> <input type="file" name="imageUrl" id="imageUrl" onchange="preview();"> </body> </html>

评论收藏

内容反馈

资源评论