Seeding a file on Browser #904

ritwickdsouza · 2016-09-06T20:36:48Z

WebTorrent version: latest
Node.js version: v4.2.6
Browser name/version (if using WebTorrent in the browser): Chromium

<html>
  <head>
    <title>Instant.io Clone</title>
  <body>
    <div>
      <h1> Add Files to Seed </h1>
      <form>
        Select a file:<input id="seed_file" type="file"><br>
        <button id="start_seed" type="button">Start Seeding</button>
        <p class="seed_log"></p>
      </form>
    </div>
    <script src="webtorrent.min.js" type="text/javascript"></script>
    <script src="app.js" type="text/javascript"></script>
  </body>
</html>

Index.html

var client = new WebTorrent()

document.getElementById('start_seed').addEventListener('click', function (e) {
  e.preventDefault()
  var file = String(document.getElementById('seed_file'))
  if (file.length === 0) return 0
  client.seed(file, onTorrent)
})

function onTorrent (torrent) {
  console.log('Torrent info hash: ' + torrent.infoHash)
  torrent.files.forEach(function (file) {
    file.createReadStream().pipe(concat(function (buf) {
      var a = document.createElement('a')
      a.download = file.name
      a.href = URL.createObjectURL(new Blob([ buf ]))
      a.textContent = 'download ' + file.name
      document.body.appendChild(a)
    }))
  })
}

app.js

When i select a file and start seeding it, i get the following error.
Uncaught Error: filesystem paths do not work in the browser
I understand that that type of the variable file is incorrect. What do i need to do to fix it ?

ritwickdsouza · 2016-09-09T12:00:59Z

We need to pass File instance:
document.getElementById('seed_file').addEventListener('change', handleFileSelect, false)

function handleFileSelect(ev) {
  ev.preventDefault()
  client.seed(this.files[0])
}

lock · 2018-05-04T05:49:44Z

This thread has been automatically locked because it has not had recent activity. To discuss futher, please open a new issue.

ritwickdsouza closed this Sep 9, 2016

lock bot locked as resolved and limited conversation to collaborators May 4, 2018

webtorrent / webtorrent

Seeding a file on Browser #904

Seeding a file on Browser #904

ritwickdsouza commented Sep 6, 2016

This comment has been minimized.

ritwickdsouza commented Sep 9, 2016 •

edited

This comment has been minimized.

lock bot commented May 4, 2018

webtorrent / webtorrent

Sponsor webtorrent/webtorrent

Join GitHub today

Seeding a file on Browser #904

Seeding a file on Browser #904

Comments

ritwickdsouza commented Sep 6, 2016

This comment has been minimized.

ritwickdsouza commented Sep 9, 2016 • edited

This comment has been minimized.

lock bot commented May 4, 2018

ritwickdsouza commented Sep 9, 2016 •

edited