Databases
StackOverflow2013
Postsdbo
POLoad basic auth secured images in phonegap app
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLoad basic auth secured images in phonegap app
    primarykey
    data
    text
    <p>I have a phonegap application that communicates with a web api that is secured using HTTP Basic Auth. The api returns html with img tags, which reference images that are also on the secured server. Somehow I need my app to be able to request and load these images. Injecting the basic auth credentials into the src (i.e. src=http://username:password@MySecuredServer.com/...) will not work. Also I do not control the server so I cannot send the images in base64.</p> <p>My current approach is to request the images with $.ajax, setting the Authorization header, and then load the images to the DOM from the cache (since the images are cached by the ajax call). Ideally I should be able to request each image once with $.ajax, and then load the image from cache onto the page. This approach works if the page is reloaded (because the images are already cached) but will not load the images the first time that the request is made (even though I'm waiting for the request to complete). Note that my phonegap app only has one page (from an html DOM standpoint) on which content is dynamically loaded and unloaded, so the main page is never reloaded. Here is what I am currently trying:</p> <pre><code>$.ajax({ url: 'http://MySecuredServer.com/images/example.png', beforeSend: function(req){ req.setHeader('Authorization', 'Basic ' + base64UserCredentials); }, cache: true, complete: function(){ var img = document.createElement('img'); img.src = 'http://MySecuredServer.com/images/example.png'; $('#target').append(img); } }); </code></pre> <p>I have also tried things like</p> <pre><code>complete: function(){ var img = new Image(); img.src = http://..... $(img).on('load', function(){ $('#target').append(img); }); } </code></pre> <p>So here is the question: how can I get the secured images into my application? Is this the right approach, and if so, what am I doing wrong? If not, then how can I request these secured images? Any help with the general concept or the specific scenario would be really great. Thanks in advance!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USUncharted Space
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POLoad basic auth secured images in phonegap app
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload