app直播源码，js实现上传图片类型+大小+尺寸验证

html代码：

<br><input type="file" name="files" id="file" onchange="verificationPicFile(this)">

js代码：

<br>//图片类型验证<br>function verificationPicFile(file) {<br>console.log(111)<br>    var fileTypes = [".jpg", ".png"];<br>    var filePath = file.value;<br>    //当括号里面的值为0、空字符、false 、null 、undefined的时候就相当于false<br>    if(filePath){<br>    console.log(222)<br>        var isNext = false;<br>        var fileEnd = filePath.substring(filePath.indexOf("."));<br>        for (var i = 0; i < fileTypes.length; i++) {<br>            if (fileTypes[i] == fileEnd) {<br>                isNext = true;<br>                break;<br>            }<br>        }<br>        if (!isNext){<br>        console.log(444)<br>            alert('不接受此文件类型');<br>            file.value = "";<br>            return false;<br>        }<br>    }else {<br>        return false;<br>    }<br>}<br>//图片大小验证<br>function verificationPicFile(file) {<br>console.log(555)<br>    var fileSize = 0;<br>    var fileMaxSize = 1024;//1M<br>    var filePath = file.value;<br>    if(filePath){<br>        fileSize =file.files[0].size;<br>        var size = fileSize / 1024;<br>        if (size > fileMaxSize) {<br>            alert("文件大小不能大于1M！");<br>            file.value = "";<br>            return false;<br>        }else if (size <= 0) {<br>            alert("文件大小不能为0M！");<br>            file.value = "";<br>            return false;<br>        }<br>    }else{<br>        return false;<br>    }<br>}<br>//图片尺寸验证<br>function verificationPicFile(file) {<br>console.log(666)<br>  var filePath = file.value;<br>  if(filePath){<br>      //读取图片数据<br>        var filePic = file.files[0];<br>        var reader = new FileReader();<br>        reader.onload = function (e) {<br>            var data = e.target.result;<br>            //加载图片获取图片真实宽度和高度<br>            var image = new Image();<br>            image.onload=function(){<br>                var width = image.width;<br>                var height = image.height;<br>                if (width == 720 | height == 1280){<br>                    alert("文件尺寸符合！");<br>                }else {<br>                    alert("文件尺寸应为：720*1280！");<br>                    file.value = "";<br>                    return false;<br>                }<br>            };<br>            image.src= data;<br>        };<br>        reader.readAsDataURL(filePic);<br>    }else{<br>        return false;<br>    }<br>}

以上就是 app直播源码，js实现上传图片类型+大小+尺寸验证，更多内容欢迎关注之后的文章