wangeditor/src/menus/img/bind-event/drop-img.ts

wangEditor - 轻量级 web 富文本编辑器，配置方便，使用简单，开源免费

/**
 * @description 拖拽上传图片
 * @author wangfupeng
 */

import Editor from '../../../editor/index'
import UploadImg from '../upload-img'

export default function bindDropImg(editor: Editor): void {
    /**
     * 拖拽图片的事件
     * @param e 事件参数
     */
    function dropImgHandler(e: any): void {
        const files = e.dataTransfer && e.dataTransfer.files
        if (!files || !files.length) {
            return
        }

        // 上传图片
        const uploadImg = new UploadImg(editor)
        uploadImg.uploadImg(files)
    }

    // 绑定 drop 事件
    editor.txt.eventHooks.dropEvents.push(dropImgHandler)
}