美文网首页
editormd复制黏贴上传图片

editormd复制黏贴上传图片

作者: 忘川与四叶草 | 来源:发表于2017-12-04 14:25 被阅读0次

    参考网址: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等上传代码

                    }

            }

    })

    相关文章

      网友评论

          本文标题:editormd复制黏贴上传图片

          本文链接:https://www.haomeiwen.com/subject/cecxixtx.html