始めに
JavaScriptでクリップボートのイメージをBase64変換するプログラムを書いてみた
クロスブラウザは全く考慮していないので、まともに動くのはChromeだけとなる
ソース
dragImage.html
<html>
<head>
<meta charset="UTF-8">
<script>
document.addEventListener('paste',handleClipBoard)
function handleClipBoard(e){
e.preventDefault();
var clipboardFile= e.clipboardData.files[0];
var reader = new FileReader();
reader.onload = function (evt) {
document.getElementById("result").value=evt.target.result;
document.getElementById("img_source").src = evt.target.result;
}
try{
reader.readAsDataURL(clipboardFile);
}catch(e){
alert('バイナリデータ以外は貼り付けできません')
}
}
</script>
</head>
<body>
<textArea id='result' cols='100' rows='20'></textArea><br><br><br>
<img id="img_source"></img>
</body>
</html>