美文网首页百度ue编辑器ueditor
Ueditor上传图片 选择完成后实现自动上传

Ueditor上传图片 选择完成后实现自动上传

作者: 英雄初本涩 | 来源:发表于2018-04-27 09:46 被阅读14次

    由于项目中用到ueditor 根据自己需求改动了一下源码 将图片上传改为选择完成自动上传

    1.打开源码dialogs/image/image.js

    找到选择完成之后的状态ready  (setState方法)约在580行

    根据ready触发的方法找到

    $upload.on('click', function () {

            if ($(this).hasClass('disabled')) {

                return false;

            }

            if (state === 'ready') {

                    uploader.upload();

            } else if (state === 'paused') {

                    uploader.upload();

            } else if (state === 'uploading') {

                    uploader.stop();

            }

    });

    当状态为ready的时候触发的方法为uploader.upload();

    如果想要自动上传只需要在状态为ready的时候触发上传即可,找到状态监听ready的地方,约在680行

    uploader.on('filesQueued', function (file) {

            if (!uploader.isInProgress() && (state == 'pedding' || state == 'finish' || state == 'confirm' || state == 'ready')) {

                    setState('ready');

                    uploader.upload();

            }

            updateTotalProgress();

    });

    这个方法的意思是文件队列准备完毕此时把上传方法放进来即可,到这里,就完成了,有问题欢迎留言。

    相关文章

      网友评论

        本文标题:Ueditor上传图片 选择完成后实现自动上传

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