Answers

• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  September 2018 Answer ✓

  Hi,

  I'm afraid there isn't actually a way to override the default upload Ajax call at the moment. It always assumes that an Ajax call to the server will be made.

  You could modify the source a little - in Editor.upload you'll find $.ajax( $.extend( {}, ajax, { - if you move the ajax object to after the defaults object, then your success etc would take priority. It would still make an Ajax call though.

  Another option might be the preUpload event which is cancellable (return false from your event handler). It is passed in the file information, so that might be the best way to go in this case.

  Allan
• Radoslav Konuch Posts: 9Questions: 4Answers: 0

  September 2018

  Hi Alan,

  thanks for the hint. Went with the option #2. I kept the ajax property for the editor field as an empty json object, so editor does't complain about no ajax options.
  Then I've setup the preUpload callback to cancel the regular call with return false. Then I edited the field manually.
  Here's the entire callback function, should anyone need it as an example:

      public processPreUploadImage(file: File, fieldName: string, editor: any): any {
          const r = new FileReader();
          r.onload = () => {
              const binary = r.result;
              const fileBase64 = window.btoa(binary);
              // edit the field manually
              editor.field(fieldName).set(fileBase64);
          };
          r.readAsBinaryString(file);  
          // prevent regulat callback
          return false;
      }
  

  Regards,
  Rado.