defaultFileDropHandler

defaultFileDropHandler

我们刚刚将textangular升级到1.2.2,因为它现在支持拖放。

我已经在textAngualrSetup中看到了defaultFileDropHandler,但是,一直在努力寻找任何文档来支持此方法或如何使用它。

defaultFileDropHandler:
    /* istanbul ignore next: untestable image processing */
    function (file, insertAction)
    {
        debugger;
        var reader = new FileReader();
        if(file.type.substring(0, 5) === 'image'){
            reader.onload = function() {
                if(reader.result !== '') insertAction('insertImage', reader.result, true);
            };

            reader.readAsDataURL(file);
            return true;
        }
        return false;
    }

基本上,我们希望允许用户拖动多个pdf,word文档等并在提交时上传。

我们可能会以一种将功能添加到设置页面中的defaultFileDropHandler中的方式来解决这个问题,

我们通过以下方式实现ta:
<div text-angular data-ng-model="NoteText" ></div>

但是,有没有更清洁的方法来实现这一目标?

最佳答案

抱歉缺少文档!

基本上,触发HTML element.on("drop")事件时会触发defaultFileDropHandler。

通过textAngularSetup文件实现此操作很好,但是将全局应用于所有实例。若要仅对textAngular的一个实例应用处理程序,请使用ta-file-drop属性,该属性应该是作用域上具有与defaultFileDropHandler相同签名的函数的名称。例如:

JS输入 Controller

$scope.dropHandler = function(file, insertAction){...};

的HTML
<div text-angular data-ng-model="NoteText" ta-file-drop="dropHandler"></div>

10-08 04:26