update: #378 uploadBefore event - return files

README.md

@@ -904,6 +904,7 @@ editor.onDrop = function (e, core) { console.log('onDrop', e) }
 
 // Called before the image is uploaded
 // If false is returned, no image upload is performed.
+// If new fileList are returned,  replaced the previous fileList
 /**
  * files: Files array
  * info: {
@@ -916,15 +917,19 @@ editor.onDrop = function (e, core) { console.log('onDrop', e) }
  * - element: If isUpdate is true, the currently selected image.
  * }
  * core: Core object
- * return {Boolean}
+ * return {Boolean|Array}
  */
 editor.onImageUploadBefore: function (files, info, core) {
     console.log('files', files);
     console.log('info', info);
-    return Boolean
+
+    return Boolean;
+    // or
+    return [] // (new files);
 }
 // Called before the video is uploaded
 // If false is returned, no video(iframe, video) upload is performed.
+// If new fileList are returned,  replaced the previous fileList
 /** 
  * files: Files array
  * info: {
@@ -940,10 +945,14 @@ editor.onImageUploadBefore: function (files, info, core) {
 editor.onVideoUploadBefore: function (files, info, core) {
     console.log('files', files);
     console.log('info', info);
-    return Boolean
+
+    return Boolean;
+    // or
+    return [] // (new files);
 }
 // Called before the audio is uploaded
 // If false is returned, no audio upload is performed.
+// If new fileList are returned,  replaced the previous fileList
 /** 
 * files: Files array
 * info: {
@@ -956,7 +965,10 @@ editor.onVideoUploadBefore: function (files, info, core) {
 editor.onAudioUploadBefore: function (files, info, core) {
     console.log('files', files);
     console.log('info', info);
-    return Boolean
+
+    return Boolean;
+    // or
+    return [] // (new files);
 }
 
 // Called when the image is uploaded, updated, deleted.

src/lib/core.d.ts

@@ -613,7 +613,7 @@ export default class SunEditor {
      * @param core Core object
      * @returns
      */
-    onImageUploadBefore: (files: any[], info: imageInputInformation, core: Core) => boolean;
+    onImageUploadBefore: (files: any[], info: imageInputInformation, core: Core) => boolean | any[];
 
     /**
      * @description Called before the video is uploaded
@@ -623,7 +623,7 @@ export default class SunEditor {
      * @param core Core object
      * @returns
      */
-    onVideoUploadBefore: (files: any[], info: videoInputInformation, core: Core) => boolean;
+    onVideoUploadBefore: (files: any[], info: videoInputInformation, core: Core) => boolean | any[];
 
     /**
      * @description Called before the audio is uploaded
@@ -633,7 +633,7 @@ export default class SunEditor {
      * @param core Core object
      * @returns
      */
-    onAudioUploadBefore: (files: any[], info: audioInputInformation, core: Core) => boolean;
+    onAudioUploadBefore: (files: any[], info: audioInputInformation, core: Core) => boolean | any[];
 
     /**
      * @description Called when the image is uploaded, updated, deleted

src/lib/core.js

@@ -6185,6 +6185,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _ic
         /**
          * @description Called before the image is uploaded
          * If false is returned, no image upload is performed.
+         * If new fileList are returned,  replaced the previous fileList
          * @param {Array} files Files array
          * @param {Object} info info: {
          * - linkValue: Link url value
@@ -6202,6 +6203,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _ic
         /**
          * @description Called before the video is uploaded
          * If false is returned, no video(iframe, video) upload is performed.
+         * If new fileList are returned,  replaced the previous fileList
          * @param {Array} files Files array
          * @param {Object} info info: {
          * - inputWidth: Value of width input
@@ -6217,6 +6219,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _ic
         /**
          * @description Called before the audio is uploaded
          * If false is returned, no audio upload is performed.
+         * If new fileList are returned,  replaced the previous fileList
          * @param {Array} files Files array
          * @param {Object} info info: {
          * - isUpdate: Update audio if true, create audio if false

src/plugins/dialog/audio.js

@@ -258,7 +258,7 @@ export default {
         if (fileList.length === 0) return;
 
         let fileSize = 0;
-        const files = [];
+        let files = [];
         for (let i = 0, len = fileList.length; i < len; i++) {
             if (/audio/i.test(fileList[i].type)) {
                 files.push(fileList[i]);
@@ -295,7 +295,11 @@ export default {
             element: context._element
         };
 
-        if (typeof this.functions.onAudioUploadBefore === 'function' && !this.functions.onAudioUploadBefore(files, info, this)) return;
+        if (typeof this.functions.onAudioUploadBefore === 'function') {
+            const result = this.functions.onAudioUploadBefore(files, info, this);
+            if (!result) return;
+            if (typeof result === 'object' && result.length > 0) files = result;
+        }
 
         // create formData
         const formData = new FormData();

src/plugins/dialog/image.js

@@ -352,7 +352,7 @@ export default {
         if (fileList.length === 0) return;
 
         let fileSize = 0;
-        const files = [];
+        let files = [];
         for (let i = 0, len = fileList.length; i < len; i++) {
             if (/image/i.test(fileList[i].type)) {
                 files.push(fileList[i]);
@@ -392,7 +392,11 @@ export default {
             element: contextImage._element
         };
 
-        if (typeof this.functions.onImageUploadBefore === 'function' && !this.functions.onImageUploadBefore(files, info, this)) return;
+        if (typeof this.functions.onImageUploadBefore === 'function') {
+            const result = this.functions.onImageUploadBefore(files, info, this);
+            if (!result) return;
+            if (typeof result === 'object' && result.length > 0) files = result;
+        }
 
         // server upload
         if (typeof imageUploadUrl === 'string' && imageUploadUrl.length > 0) {

src/plugins/dialog/video.js

@@ -332,7 +332,7 @@ export default {
         if (fileList.length === 0) return;
 
         let fileSize = 0;
-        const files = [];
+        let files = [];
         for (let i = 0, len = fileList.length; i < len; i++) {
             if (/video/i.test(fileList[i].type)) {
                 files.push(fileList[i]);
@@ -370,7 +370,11 @@ export default {
             element: contextVideo._element
         };
 
-        if (typeof this.functions.onVideoUploadBefore === 'function' && !this.functions.onVideoUploadBefore(files, info, this)) return;
+        if (typeof this.functions.onVideoUploadBefore === 'function') {
+            const result = this.functions.onVideoUploadBefore(files, info, this);
+            if (!result) return;
+            if (typeof result === 'object' && result.length > 0) files = result;
+        }
 
         // server upload
         if (typeof videoUploadUrl === 'string' && videoUploadUrl.length > 0) {