<html>
<head>
  <meta charset="utf-8">
  <title>通过filereader接口读取文件</title>
  <script type="text/javascript">
    function getBase64Image(img) {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        var dataURL = canvas.toDataURL("image/png");
        return dataURL
        // return dataURL.replace("data:image/png;base64,", "");
    }

    function main(src) {
        var img = document.createElement('img');
        img.src = src + '?v=' + Math.random();  //此处自己替换本地图片的地址
        img.crossOrigin= 'anonymous'
        img.onload =function() {
          debugger
            var data = getBase64Image(img);
            var img1 = document.createElement('img');
            img1.src = data;
            document.body.appendChild(img1);
            console.log(data);
        }
    }
    var url = 'http://domain/x.jpg';
    main(url)
</script>
</head>

<body>
</body>

</html>

标签: javascript, js