input-file 图片上传尺寸验证
来源:互联网 发布:win10网络重置命令 编辑:程序博客网 时间:2024/06/13 23:50
uploadimg.html
<!DOCTYPE html><html lang="utf-8"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="test2.js"></script></head><body><form action="upload.do"><input type="file" name="logo" id="logo" onChange="handleConLogo(this.files);" accept="image/*"> <br><input type="file" name="id_photo" id="id_photo" onChange="handleConId_photo(this.files);" accept="image/*"> <br><input type="submit" value="提交"><a href="http://www.gaitubao.com/" target="_black">图片尺寸修改</a></form></body></html>
uploadimg.js
var width,height;function handleConLogo(files){ for (var i = 0; i < files.length; i++) { var file = files[i]; var reader = new FileReader(); var ret = []; reader.onload = function(theFile) { var image = new Image(); image.onload = function() { width=this.width; height=this.height; if(width> 200 || height> 200){ fill = false; alert("图片像素不符合,应小于200px*200px,建议重新上传!"); }else{ alert("图片格式符合要求!") } }; image.src = theFile.target.result; } reader.readAsDataURL(file);}}function handleConId_photo(files){ for (var i = 0; i < files.length; i++) { var file = files[i]; var reader = new FileReader(); var ret = []; reader.onload = function(theFile) { var image = new Image(); image.onload = function() { width=this.width; height=this.height; if(width> 200 || height> 400){ fill = false; alert("图片像素不符合,应小于200px*400px,建议重新上传!"); }else{ alert("图片格式符合要求!") } }; image.src = theFile.target.result; } reader.readAsDataURL(file);}}
阅读全文
0 0
- input-file 图片上传尺寸验证
- javascript 前端验证 file 上传图片 尺寸 大小
- input file上传图片
- input file上传图片
- input file上传图片预览
- input=file 上传图片
- input file美化 --上传图片
- input file 上传图片预览
- input file上传图片预览
- js获取input上传图片的尺寸
- 上传图片附件验证 input【type='file'】
- JS input file图片上传预览效果
- input[type='file'] img图片上传
- 利用原生的 file input上传 图片
- input【file】限制上传图片数量
- 使用input file 上传图片并显示
- input file图片上传并回显
- HTML5 input file 图片上传,压缩,上传,预览
- 【复习记录】拓扑排序
- ES6系列之---repeat()
- 光源设置
- 城市间紧急救援
- PAT --- 1021. 个位数统计 (15)
- input-file 图片上传尺寸验证
- 弱校胡策 大逃亡(BFS灌水+二分答案)
- java获取cpu使用率/内存使用率/硬盘的使用率
- 科学计算库Numpy-矩阵操作
- poj2766
- share network connection on windows
- 二进制迷宫 贪心 BFS
- 单例模式解决多线程的问题
- caioj·1060: 背包6(含价值的填满型 完全 背包)