JS实现点击某张图片弹出上传图片窗口以及限制图片格式和大小
2017-10-23 16:55
866 查看
<input type="file" style="display:none" id="upload_file" onchange="javascript:validate_img(this)"> <img alt="暂无照片" src="${proPath }/images/${sessionScope.user.image}" onclick="show_file_window()" class="img_radius">
<script>
//点击图片触发隐藏的图片上传框
function show_file_window() {
$("#upload_file").click();
}
//判断图片格式和大小
function validate_img(ele) {
// 返回 KB,保留小数点后两位
//alert((ele.files[0].size/(1024*1024)).toFixed(2));
var file = ele.value;
if (!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)) {
alert("图片类型必须是.gif,jpeg,jpg,png,bmp中的一种");
return false;
} else {
if (((ele.files[0].size).toFixed(2)) >= (100 * 1024)) {
alert("请上传小于100kb的图片");
return false;
}
}
}
</script>
[/code]
相关文章推荐
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- js 异步上传图片 限制图片的格式大小
- js 限制图片上传的格式与大小
- js实现点击按钮弹出上传文件的窗口
- js实现点击按钮弹出上传文件的窗口
- 使用js实现上传图片的大小限制
- 在ASP.NET MVC下实现单个图片上传, 客户端服务端双重限制图片大小和格式, 服务端裁剪图片
- 点击一个超链接,弹出固定大小的新窗口(js实现)
- js实现点击按钮弹出上传文件的窗口
- JS限制上传图片大小不使用控件在本地实现
- js实现点击按钮弹出上传文件的窗口
- 点击一个超链接,弹出固定大小的新窗口(js实现)
- Web实现点击图片弹出上传文件窗口