Upload with file input, not dragDrop

[allthetime]

I'm trying to get file uploads working with a file input instead of just drag and drop.

I noticed that dragDrop passes dropped files through some conversion and the files that end up getting sent to client.seed( FILES... are not file objects anymore but a specially constructed object that looks like this:

{
   buffer: Uint8Array[10100971]
   lastModifiedDate: Thu Mar 28 2013 15:34:50 GMT-0700 (PDT)
   name: "Fusion Of Sense And Earth.mp3"
   size: 10100971
   type: "audio/mp3"
}

How can I hookup a file input so that when you click on it and add a file it gets pushed through this same process and is able to be seeded?

[feross]

You should be able to use WebTorrent with a file input like this:

var WebTorrent = require('webtorrent')
document.getElementById('files').addEventListener('change', handleFileSelect, false)

function handleFileSelect (evt) {
  var files = evt.target.files // FileList object

  client.seed(files, function (torrent) {
    console.log(torrent.infoHash)
  })
}  

The client.seed function accepts many common sources of file data, including File, FileList, Blob and Buffer types. Full list here: https://github.com/feross/webtorrent#clientseedinput-opts-function-onseed-torrent-

(Sidenote: It looks like you're using an older version of drag-drop. The current version, 2.0.0, doesn't return a custom object anymore, but a FileList, or a Buffer if you're requiring drag-drop/buffer)

[feross]

This was fixed in webtorrent a while ago, you can see a file input working with webtorrent on http://instant.io. :)