네이버 스마트 에디터 print screen + 붙여넣기 서버 이미지 전송
본문
스마트 에디터를 사용해 보시면 print screen 을 한후 붙여넣기 기능이 없다는걸 알수있습니다.
제가 그래서 print screen은 아래와같이
smarteditor2/smart_editor2_inputarea.html 파일에
해당 소스부분만 추가하였고 이는 스마트 에디터를 사용하는 곳이라면 프린트스크린후 붙여넣기가 가능하도록 하였습니다.
여기까지는 순조로웠습니다.
저는 아래의 코드를 실행한후 등록을 하게되면 문제점이 발생한다는것을 깨달았습니다.
Q. 아래의 소스를 이용하여 이미지를 서버에 전송 및 저장을 하고싶습니다.자바스크립트
jQuery PHP 등 어떤소스든 상관이없고 서버에 전송된 이미지의 URL 과 파일을 통하여
리스트에 이미지를 출력하고 싶은데 아직 초보인지라 실력이 많이 부족하여 이렇게 부탁드려봅니다.
<body class="se2_inputarea" style="height:0" id="logBox"></body>
<script>
window.addEventListener('load', function (e) {
document.body.onpaste = function (e) {
var items = e.clipboardData.items;
for (var i = 0; i < items.length; ++i) {
if (items[i].kind == 'file' &&
items[i].type.indexOf('image/') !== -1) {
var blob = items[i].getAsFile();
window.URL = window.URL || window.webkitURL;
var blobUrl = window.URL.createObjectURL(blob);
var img = document.createElement('img');
img.src = blobUrl;
var logBox = document.getElementById('log-box');
logBox.appendChild(img);
}
}
}
});
</script>
읽어 주신분들 감사드립니다.
할만한 방식을 조언해 주시는것도 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
