angularjs – TextAngular fileDropHandler文档

发布时间：2020-12-17 07:17:36 所属栏目：安全来源：网络整理

导读：我们刚刚将textangular升级到1.2.2,因为现在支持拖放. 已经在textAngualrSetup中看到defaultFileDropHandler,但是,努力寻找支持它或如何使用它的任何文档. defaultFileDropHandler: /* istanbul ignore next: untestable image processing */ function (file

我们刚刚将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在控制器中

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

HTML

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!