Jechue World

// 도메인 url 형태를 검증한다. http/s 옵셔널 파라미터 가능 맞을경우 true, 아닐경우 false

function regUrlType(data) {

var regex = /^(((http(s?))\:\/\/)?)([0-9a-zA-Z\-]+\.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?/;

return regex.test(data);

}

function util_numberWithCommas(str) {

    return str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

}

html2cavas 로 html 이미지 저장

html2canvas 를 이용하여 html을 canvas로 변환 한 후 이미지로 저장할 수 있다.

https://github.com/niklasvh/html2canvas/releases

js 다운 경로

html2canvas.js 를 추가하고

canvas 변환할 html DIV태그

<div id="canvas_div">

.

.

<img src="">

.

.

<div>

javascript  이미지 생성

function makeShareImage(){

element = $("#canvas_div");

html2canvas(element, {

onrendered : function(canvas) {

getCanvas = canvas;

upload();

}

});

}

javascript 이미지 업로드 form data 로 ajax 전송

function upload() {

var imageData = getCanvas.toDataURL("image/png");

var formData = new FormData();

formData.append('file', imageData);

$.ajax({

url : xxxxxxx ,

type : "POST",

dataType : "json",

data : formData,

processData : false,

contentType : false,

success : function(data) {

.

.

.

},

error : function(request, status, error) {

console.log(request, status, error);

}

});

}

정규표현식으로 콤마 제거

/* array comma 제거 */

function util_uncomma(str) {

    str = String(str);

    return str.replace(/[^\d]+/g, '');

}

정규표현식으로 공백 제거

/* 공백 제거 */

function util_trim(str) {

return ifnull(str).replace(/\s/g,"");

}