JS的Image对象可用于检测图片类型是否合法

项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。


       var img = new Image();
        img.onload = function(){
            alert('load');
        };
        img.onerror = function(){
            alert('error');
        };
        img.src = 'logo.png';

这样假如我们上传的是一张虽然文件的扩展名为png,但是实际上是php的文件,就会出现alert

断桥残雪的另外两篇关于javascript的image对象的文章:《IE中多帧GIF可以触发多次Image().load事件》、《IE中Image.onload失效的问题

断桥残雪部落格最新的订阅地址