参考网址:Editor.md和markdown实现Sg一样的截图粘贴上传
基本步骤:
(1)定义paste事件,绑定相应节点,若为非input/texteare等输入框,设置contenteditable="true"属性;
(2)paste事件传参默认event,取其(event.clipboardData || event.originalEvent.clipboardData).items;
(3)相应上传图片ajax等,回调绑定页面显示;
示例代码:
document.getElementById(' 相应节点ID '). addeventlistener(' paste ',function( $event ){
var template = {
array: ($event.clipboardData || $event.originalEvent.clipboardData).items,
blob: null,
url: null
}
for (var key in template.array) {
var val = template.array[key];
if (val.kind === 'file') {
template.blob = val.getAsFile();
if (template.blob) {
//相应ajax等上传代码
}
}
})
网友评论