JS 上传图片 提前预览功能 .NET
2010-11-01 21:47
453 查看
JS 上传图片 提前预览功能 .NET
<script>function yulan()
{
var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
fileext=fileext.toLowerCase()
if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
{
alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
document.form1.UpFile.focus();
}
else
{
//alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句
document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"
}
}
</script>
<form id="form1" runat="server" method="POST" enctype="multipart/form-data">
<div>
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview"></div>
</div>
</form>
相关文章推荐
- JS 上传图片 提前预览功能 .NET
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- asp.net+js+ajax实现手机移动端页面预览、剪裁、上传头像图片
- 实现JS上传图片预览功能
- JS,jQuery轻松实现input图片上传预览功能
- js图片上传预览功能兼容实现
- 兼容浏览器图片上传本地预览功能js脚本
- vue.js 图片上传并预览及图片更换功能的实现代码
- JS中利用FileReader实现上传图片前本地预览功能
- 简单实现JS上传图片预览功能
- asp.net 上传图片(包括预览图,js)
- asp.net+js实现上传图片即时预览
- 上传图片,多图上传,预览功能,js原生无依赖
- js实现前端图片上传即时预览功能
- JS实现上传图片预览功能
- js实现图片上传并预览功能
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- js图片上传预览功能
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- JS实现多张图片预览同步上传功能