Chrome APP/Extension download file from URL

Question

I've been researching and i did not found anything about that.

I need a chrome application that will run on Chrome OS be able to download a file (image, mp3, video, etc) and then display the content as HTML.

I mean if the app download a video, then play it on a video tag. The same for a image...download it and display on img tag.

Thanks!!

So what is the problem? You can use [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) and [Filesystem](http://www.html5rocks.com/en/tutorials/file/filesystem/) if you dont know. — Daniel Herr, Apr 28 '16 at 20:25
You have a very confusing title that doesn't match the question. Could you fix that? — Xan, Apr 29 '16 at 11:01

score 1 · Answer 1 · edited Jul 07 '16 at 08:42

I also worked with this issue, here a working example of saving to filesystem + showing on screen:

var video = document.getElementById("video");

fetch('http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_20mb.mp4')
  .then(function(response) {
    return response.blob();
  })
  .then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    video.src = objectURL;

    var config = {type: 'saveFile', suggestedName: chosenEntry.name};
    chrome.fileSystem.chooseEntry(config, function(writableEntry) {
      writeFileEntry(writableEntry, myBlob, function(e) {
        output.textContent = 'Write complete :)';
      });
    });
  })

score 0 · Accepted Answer · answered Apr 29 '16 at 10:58

0

See Chrome App documentation on Handling external content. It provides a good overview.

A short version:

Declare the origins you're going to access in the manifest.
Fetch the resource via XHR (or, indeed, Fetch API).
Use the response as a blob: (you can plug it into a <video src="...">, for instance).
Optionally, save the resource locally.

answered Apr 29 '16 at 10:58

Xan

74,770
16
179
206

Thank you! I was doing like that but not using blob on Src!! I used base64 and some other things. – Parene Apr 29 '16 at 18:00

Chrome APP/Extension download file from URL

2 Answers2