//获取上传图片路径2
    getObjectURL: function (file) {
            var url = null;
            if (window.createObjectURL != undefined) { // basic
                url = window.createObjectURL(file);
            } else if (window.URL != undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file);
            } else if (window.webkitURL != undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file);
            }
            return url;
        },


        //base64转file
        dataURLtoBlob: function (dataurl) {
            var arr = dataurl.split(','),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            var filename = Math.random().toString(36).substr(2) + '.png';
            return new File([u8arr], filename, {
                type: mime
            });
        },

//网络路径转base64

function getImgToBase64(url, callback) {
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            var img = new Image; //通过构造函数来创建的 img 实例，在赋予 src 值后就会立刻下载图片，相比 createElement() 创建 <img> 省去了 append()，也就避免了文档冗余和污染
            img.crossOrigin = 'Anonymous';
            //要先确保图片完整获取到，这是个异步事件
            img.onload = function () {
                canvas.height = img.height; //确保canvas的尺寸和图片一样
                canvas.width = img.width;
                ctx.drawImage(img, 0, 0); //将图片绘制到canvas中
                var dataURL = canvas.toDataURL('image/png'); //转换图片为dataURL,传第二个参数可压缩图片,前提是图片格式jpeg或者webp格式的
                callback(dataURL); //调用回调函数
                console.log(dataURL)//打印base64
                canvas = null;
            };
            img.src = url;
        }

分享到：

打赏