js 경로 에 따라 로 컬 파일 흐름 정보 가 져 오기

사례: 시스템 에서 사인펜 으로 만 든 그림 을 서버 에 직접 전송 하고 input 를 통 해 업로드 하지 않 으 면 본인 은 데이터 흐름, 해결 방안 을 얻 을 수 없습니다.그림 을 사용 하여 base 64 코드 를 다음 과 같이 바 꿉 니 다.
var img = "http://127.0.0.1:8010/DrawImage.JPG";
    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 ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
        var dataURL = canvas.toDataURL("image/"+ext);
        return dataURL;
    }
    var image = new Image();
    image.crossOrigin = '';
    image.src = img;
    image.onload = function(){
        var base64 = getBase64Image(image);
        console.log(base64);
    }

console 에서 나 온, 가 져 온 base 64 꼬치, base 64 는 그림 으로 직접 표시 할 수 있 는 src @ @: 일반 항목 은 도 메 인 문 제 를 다 루 고 위의 그림 주소 도 도 도 메 인 을 다 루 며 다음 편 (nginx 는 도 메 인 문 제 를 해결 합 니 다) 을 분석 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기