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

由于项目中用到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上传图片 选择完成后实现自动上传)