How to upload files as url to <input type="text]

Question

I would like to upload file to filetag with url Is there a way?

ex url ) http://localhost:800/mysong.mp3

<input type="file">

Answer 1

First of all pretty cool app (audio-cutter) build in React. Seems like intended to do the job at client side. I couldn't get it working on my laptop for some reason. I have a suggestion for you. Create an input field which takes in the url <input type="text"> and save the url value somewhere, may be create another attribute called url in the component's state. Also create a <button> to initiate downloading the file from the url input, and load that into the state file using a handler function which uses setState . Basically trigger almost same code as below in the handler function for the button:

    this.setState({
      file: "downloaded file object goes here!",
      paused: true,
      decoding: true,
      audioBuffer: null,
    })