javascript - 如何获取img中图片的数据

Question

如题，<img id='image' src='./images/ww.png'>想要获取ww.png图片的数据，要怎么处理？

Answer 1

使用FileReader来读文件，算是达到了想要的效果吧。代码如下：

var file = this.files[0];
        if(!/image\/\w+/.test(file.type)){
            alert("文件必须为图片！");
            return false;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e){
            console.log(this.result);//这里输出的就是图面数据
        }

Answer 2

here you go

Answer 3

用canvas转换一下