关于图片上传限制的js

最新推荐文章于 2022-12-27 11:30:34 发布

山上有只马

最新推荐文章于 2022-12-27 11:30:34 发布

阅读量1.1k

点赞数

分类专栏：前端开发文章标签： javascript 图片上传

本文链接：https://blog.csdn.net/fg676123/article/details/78501353

版权

为了保持代码的规格，以及大小，专门写的js，用于前台预览图片的时候，进行图片的限制。
逻辑是这样的，1、点击图片上传（input标签） 2、js会先判定图片是否同时满足高宽，大小
3、对于不满足条件的图片，将会清空input标签，以及预览的div的内容。
4、满足条件的不作任何操作，后就可以上传。

js代码：

    //判断浏览器是否支持FileReader接口
    if (typeof FileReader == 'undefined') {
        document.getElementById("#id01").InnerHTML = "<h1>当前浏览器不支持FileReader接口</h1>";
        //使选择控件不可操作
        document.getElementById("#id02").setAttribute("disabled", "disabled");