title: How to post a url
body: <p>I am trying to convert an image to a url and then post it to a database using axios.post like this:</p>
  <pre><code>   this.setState({
        file: URL.createObjectURL(event.target.files[0])
      })
  </code></pre>
  <p>and then posting it like so:</p>
  <pre><code> axios
      .post(`http://localhost:4000/items/${this.state.file}
  </code></pre>
  <p>my model is this:</p>
  <pre><code>let items = new schema ({
    img: String
  })
  </code></pre>
  <p>and my post controller:</p>
  <pre><code>router.post('/:urlImg', function (req, res) {
    let b= new items ({
      imageProof: req.params.urlImg
    })
  </code></pre>
  <p>the error is basically POST 'url' 404 (Not Found):</p>
  <pre><code>xhr.js:184 POST http://localhost:4000/items/blob:http://localhost:3000/9045e921-4e7f-4541-8329-0b9cd65814c6 404 (Not Found)
  </code></pre>
  <p>however the thing to note is if I am using a simple url such as <a href="http://www.google.com" rel="nofollow noreferrer">www.google.com</a>, it works. however, I can't use https://
  does anyone know how I can resolve this problem? Is there some other way to store and display an image?</p>