• js image to base64 摘录


    //传入图片路径,返回base64
    //用处,由于在新增时,使用的是base64的格式,为了统一,在编辑时,也将图片转为base64,以便于统一处理
    /*
    使用:
    因为图像处理存在一定的延时,所以通过then方法来得到图像,使用示例如下:
    getBase64(url).then(function (base64) {
                    document.getElementById("basetest").setAttribute("src", base64);
                    //console.log(base64);//处理成功打印在控制台
                },function(err){
                    //console.log(err);//打印异常信息
                });
    */
    function getBase64(img) {
        function getBase64Image(img, width, height) {//width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
            var canvas = document.createElement("canvas");
            canvas.width = width ? width : img.width;
            canvas.height = height ? height : img.height;
    
            var ctx = canvas.getContext("2d");
            ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
            var dataURL = canvas.toDataURL();
            return dataURL;
        }
        var image = new Image();
        image.crossOrigin = '';
        image.src = img;
        var deferred = $.Deferred();
        if (img) {
            image.onload = function () {
                deferred.resolve(getBase64Image(image));//将base64传给done上传处理
            }
            return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
        }
    }
    

      

    岁月无情催人老,请珍爱生命,远离代码!!!
  • 相关阅读:
    进行代码复审训练
    源代码管理工具调查
    软工作业PSP与单元测试训练
    P18 第四题
    开学第一课
    进行代码复审训练
    源代码管理工具调查
    软工 任务2
    软工课后作业01 P18第四题
    课堂作业1--自我介绍
  • 原文地址:https://www.cnblogs.com/zhoushangwu/p/9047016.html
Copyright © 2020-2023  润新知