Can't send blob file

[JenGL]

I'm trying to send a file drag and dropped in a div, but i always get this error.
Error: Type "function Blob() { [native code] }" not yet supported.

sendFiles(fileList) {
    Array.from(fileList).forEach(file => {
        const blob = new Blob([file], { type: file.type });
        this.conn.send({
          op: operation.FILE,
          file: blob,
          filename: file.name,
          filetype: file.type
        });
    });
  }

I tryed to send directly File Object, Blob or ArrayBuffer. Got always the same error

[kidandcat]

Convert it to base64, binary data seems to not be supported yet.

[JenGL]

I found a lot of posts on internet that use peerjs to send blob.
like here: https://blog.bitsrc.io/use-webrtc-and-peerjs-to-build-an-image-sharing-app-f8163b6a6266
or here: https://www.sitepoint.com/file-sharing-component-react/

may be it was working on older release ?

[kidandcat]

Which browsers are you using? Give me versions please

[JenGL]

last Chrome version: Version 75.0.3770.100 (official Build) (64 bit)

[kidandcat]

Sorry, I re-read your first message. The error "Error: Type "function Blob() { [native code] }" not yet supported." looks like is not related at all to WebRTC. Could you paste more code? if it is private, you can write me an email instead kidandcat@gmail.com

[JenGL]

this is the onDrop handler (drag and drop any file in a div)

onDrop(evt) {
        const el = evt.target;
        el.classList.remove("drop_here");
        this.peer.sendFiles(evt.dataTransfer.files);
        evt.preventDefault();
        evt.stopPropagation();
        return false;
      }

this is the sendFiles() implementation

sendFiles(fileList) {
    Array.from(fileList).forEach(file => {
        const blob = new Blob([file], { type: file.type });
       // const blob = file; <- tried this too given that file is a blob
        this.conn.send({                  // this.conn is a workin connection to another peer
                                                     // this.conn.send("hi") here correctly working
          op: operation.FILE,
          file: blob,
          filename: file.name,
          filetype: file.type
        });
    });
  }

Can't share more code atm, if you need more i'll try to replicate in a jsfiddle

[kidandcat]

Do you get the exac "Error: Type "function Blob() { [native code] }" not yet supported." error if you try sending the File directly? (without calling Blob constructor)

[JenGL]

receiver fiddle: https://jsfiddle.net/ygeb5093/
sender fiddle: https://jsfiddle.net/vg14skj8/

File or Blob object throws the same error yes.

[RealHandy]

Could you be having this issue? #536
If so, you can see the place where I patched it in js-binarypack here: binaryjs/js-binarypack#13

[JenGL]

y it's probably the same issue.

[afrokick]

@RealHandy I had create new pull request to our fork peers/js-binarypack#7
We'll use our fork in PeerJS

[JenGL]

@afrokick if you are going to update the PeerJS v1 can you also add this patch : #347

[afrokick]

@afrokick if you are going to update the PeerJS v1 can you also add this patch : #347

could you please create pr? I'll merge it

[JenGL]

done: #550

[JenGL]

@afrokick Blob problem is present also in v1.0.2
receiver: https://jsfiddle.net/rjno0sz8/
sender: https://jsfiddle.net/po5xyhk7/

error: peerjs.min.js:4 Uncaught Error: Type "function Blob() { [native code] }" not yet supported
    at n.pack (peerjs.min.js:4)
    at n.pack_object (peerjs.min.js:4)
    at n.pack (peerjs.min.js:4)
    at Function.pack (peerjs.min.js:4)
    at u.send (peerjs.min.js:30)
    at u._sendChunks (peerjs.min.js:30)
    at u.send (peerjs.min.js:30)
    at HTMLDivElement.<anonymous> ((index):61)