File upload, How to config a server handle url?

[ilzlsm]

[Tobias Munk]

https://github.com/json-editor/json-editor/blob/fa39ffba6b332f3ed62cc6810e9dfd449240d219/README.md#usage

[Guillaume M.]

Hi!

Unfortunately, the example doesn't work.

I've got large files, so I can't use base64, I have to upload files on the server.

I've got this schema:

"Image": {
  type: "string",
  format: "url",
  options: {
    upload: true
  },
  "links": [
    {
        "href": "{{self}}"
    }
  ]
}

and this handler:

  JSONEditor.defaults.options.upload = function(type, file, cbs) {
    if (type === 'root.upload_fail') cbs.failure('Upload failed');
    else {
      var tick = 0;

      var tickFunction = function() {
        tick += 1;
        // console.log('progress: ' + tick);

        if (tick < 100) {
          cbs.updateProgress(tick);
          window.setTimeout(tickFunction, 50)
        } else if (tick == 100) {
          cbs.updateProgress();
          window.setTimeout(tickFunction, 500)
        } else {
          cbs.success(file.name);
        }
      };

      window.setTimeout(tickFunction)
    }
  };

Can you tell me if the schema is good, and the right way to upload the file please ?

For example, format: "file" looks more logical but hide the Upload button.
I can't find documentation about that...

Thanks!

— G

[Guillaume M.]

Hi,

I upgraded to 2.6.1 and it seems this schema doesn't work anymore since 2.0.0 alpha 0 :

"Image": {
  "type": "string",
  "format": "url",
  "options": {
  "upload": true
},

The field before:

After update:

I haven't any console error.

As I said previously, I've got large files so I can't use base64.

Thanks for your help!

[Tobias Munk]

@theamnesic I think you're in the wrong repo, please check it here: https://github.com/json-editor/json-editor

[Guillaume M.]

@schmunk42 Yep, sorry !