 |
热门文章 |
|
|
|
|
| JS实现上传本地图片前先预览 |
| 来源：csdn 更新时间：2010/8/5 14:00:38 阅读次数： 我要投稿 |
|
<style type="text/css">
#preview /*这个就是预览的DIV的ID*/
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<script type="text/javascript">
<!--
function preview(img,width,height){
var newPreview = document.getElementById("preview");
var url = img.value;
var fileext=url.substring(url.lastIndexOf("."),url.length);
fileext=fileext.toLowerCase();
if((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp')){
alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传！");
document.applyForm.upload.focus();
document.getElementById("sub").disabled=true;
}else{
document.getElementById("sub").disabled=false;
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url;
newPreview.style.width = width+"px";
newPreview.style.height = height+"px";
}
}
//-->
</script>
<input type="file" name="upload" onchange="preview(this,300,200)" />
<div id="preview"></div><br/>
<input type="submit" value="提交" id="sub" disabled="true"/> |
|
| 上一篇文章： 将文本框变为只读，禁止输入字符下一篇文章： 鼠标经过表格的那一行背景变色 |
|
|
|
注册 登录
