base64로 인코딩된 바이너리 이미지태그를 서버에 업로드 후 업로드된 URL로 치환하는 jsCode

/*
* 클립보드에서 붙여넣기한 이미지를 서버에 업로드 후, 업로드한 URL로 교체해주는 코드
*/

var htmlData = '';//복사 & 붙여넣기한 이미지태그가 들어있는 html코드를 넣어줍니다.
var getImageElementsPattern = /<img\ssrc="([\w:/;,+=]*)">/g;
var getSrcAndBase64DatePattern = /<img\ssrc="data:image\/([\w]{3});base64,([\w+/]*)=">/;
FILE_TYPE = 0;
BASE64_DATA = 1;
 
//htmlData에 있는 붙여넣기된 이미지요소들을 가져온후, 
var imageElements = htmlData.match(getImageElementsPattern);
for(i = 0; i < imageElements.length; i++){
    var tmp = getSrcAndBase64DatePattern.exec(imageElements[i]);
    console.log(tmp[FILE_TYPE]);
    console.log(tmp[BASE64_DATA]);
    
    //Todo1. 서버에 Ajax로 Upload하는 코드 필요. => 함수로 빼기

    //Todo2. 업로드가 완료되면, htmlData에서 imageElements[i]를 업로드한 이미지의 주소로 Replace 해준다.
    //imageElements.replace('imageElements[i]', "업로드한 src를 가진 업로드 태그");
}

정규표현식 요정이되기위해 정규표현식연습을 해보았다.

진행중인 코드