Set custom header for the request made from tag

by

I’m late here, but you can do this with XMLHttpRequest and a blob.

var xhr = new XMLHttpRequest();
xhr.responseType="blob"; //so you can access the response like a normal URL
xhr.onreadystatechange = function () {
    if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
        var img = document.createElement('img');
        img.src = URL.createObjectURL(xhr.response); //create <img> with src set to the blob
        document.body.appendChild(img);
    }
};
xhr.open('GET', 'http://images.example.com/my_secure_image.png', true);
xhr.setRequestHeader('SecretPassword', 'password123');
xhr.send();

If you want, you could check to make sure the blob’s MIME type is an image.

More Related Contents:

  1. how do i submit message to my email by html or js?
  2. JS hide function error
  3. how to view the answer of a js function in a html input? [duplicate]
  4. How to implement something like this GIF that using mouse drag and select items
  5. Javascript counting all the characters from a HTML document
  6. Submit form without page reloading
  7. Submit two forms with one button
  8. Is there a spec that the id of elements should be made global variable?
  9. Double quote in JavaScript string
  10. How can I capture the right-click event in JavaScript? [duplicate]
  11. Selecting all text in HTML text input when clicked
  12. Is it possible to trap CORS errors?
  13. Infinity Loop Slider Concepts
  14. Where should I put the CSS and Javascript code in an HTML webpage?
  15. Why does Jquery only affect the first div element? [duplicate]
  16. DOMException: Failed to load because no supported source was found
  17. How to mute an html5 video player using jQuery
  18. Where’s the connection between index.html and index.js in a Create-React-App application?
  19. event.clipboardData.setData in copy event
  20. How to keep the changes made to DOM by javascript/jquery on page refresh
  21. Saving and loading an image from localStorage
  22. Can we use the value of localStorage from other domains?
  23. How best to make a link submit a form
  24. Control iframe content with javascript/html
  25. Can I use the id of an HTML element as a variable in JavaScript? [duplicate]
  26. angularjs custom filter to check for values inside a data array
  27. How to get an element’s padding value using JavaScript?
  28. Connecting to remote SSH server (via Node.js/html5 console)
  29. True Isometric Projection with HTML5 Canvas
  30. Google Apps Script HTML Form

Leave a Comment