Question

I have a srcURL variable which gets a path of the form /myFolder/myFile.jpg

Now this gets assigned to the img element..which obviously would call it with the complete path https://mySite.com/myFolder/myFile.jpg

Now I somehow want the https to be replaced/enforced with http using Javascript..

I am not sure if I can do this with the “replace()” method since I only get the path “/myFolder/myFile.jpg” in the srcURL variable and not with https..

How can I do that?

Answer 1

You are using a relative path. You need to use an explicit path when setting the src of the URL.

srcURL = '/myFolder/myFile.jpg';
srcURL = 'http://' + window.location.host + srcURL;

// srcURL == 'http://<yourdomainname>/myFolder/myFile.jpg'

Note: you’ll probably get a warning message saying some parts of your page may be unsecure.