title: jQuery - Getting Image url/link/path to upload image on imgur from client side
body: <p>I am trying to upload image that is selected by client via file browser to imgur.com but problem is that how can I get the url to upload image to imgur because we need url to upload image.</p>
  
  <p>My code works well with Image already on net for example <a href="http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png" rel="nofollow">http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png</a></p>
  
  <p>Here is css code - </p>
  
  <pre><code>&lt;input id="filebrow" type="file" accept="image/*" style="visibility:hidden" /&gt;
  </code></pre>
  
  <p>Here is jQuery code that is triggered via button -</p>
  
  <pre><code>$('#filebrow').change(function(event) {
      var clientId = "CLIENT ID HERE";
      var imgUrl = "";//HOW to get url of selected file here??           
      $.ajax({
      url: "https://api.imgur.com/3/upload",
      type: "POST",
      datatype: "json",
      data: {image: imgUrl},
      success: fdone,
      error: function(){alert("failed")},
      beforeSend: function (xhr) {
          xhr.setRequestHeader("Authorization", "Client-ID " + clientId);
      }
  });
  });
  
  function fdone(dataa)//called on ajax success 
  {
       alert("Link :"+dataa.data.link);
  }
  </code></pre>
  
  <p>If in <strong><em>var imgUrl</em></strong> I enter a image url of already uploaded image it works fine, but I want to upload image that user selects via file browser.</p>