Traitement du contenu HTTP dans les pages HTTPS

si vous cherchez une solution rapide pour charger des images sur HTTPS, alors le service de proxy inverse gratuit à https://images.weserv.nl / may interest you. C'était exactement ce que je cherchais.

si vous cherchez une solution payante, j'ai déjà utilisé Cloudinary.com ce qui fonctionne aussi bien mais est trop cher uniquement pour cette tâche, à mon avis.

Je ne sais pas si cela correspond à ce que vous faites, mais comme solution rapide, je" envelopperai " le contenu http dans un script https. Par exemple, sur votre page qui est servie par https, Je présenterais une iframe qui remplacerait votre flux rss et dans l'attr src de l'iframe mettre une url d'un script sur votre serveur qui capture le flux et les sorties html. le script lit le flux par http et le sort par https (donc "wrapping")

juste un pensée

Concernant votre deuxième exigence, vous pourriez être en mesure d'utiliser l'événement onerror, c'est à dire. <img onerror="some javascript;"...

mise à jour:

vous pouvez également essayer itérer par document.images dans le dom. Il existe une propriété booléenne complete que vous pourriez utiliser. Je ne suis pas sûr que ce soit approprié, mais cela pourrait valoir la peine d'enquêter.

il serait préférable d'avoir le contenu http sur https

parfois, comme dans les applications facebook, nous ne pouvons pas avoir de contenu non sécurisé dans une page sécurisée. nous ne pouvons pas faire de ces contenus. par exemple, une application qui va se charger dans iFrame n'est pas un contenu simple et nous ne pouvons pas le rendre local.

je pense que nous ne devrions jamais charger le contenu http dans https, nous ne devrions pas non plus faire basculer la page https vers la version http pour empêcher la boîte de dialogue erreur.

la seule façon d'assurer la sécurité de l'utilisateur est d'utiliser la version https de tout contenu, http://developers.facebook.com/blog/post/499 /

la réponse acceptée m'a aidé à mettre à jour cela à la fois à PHP ainsi que CORS, donc j'ai pensé que je voudrais inclure la solution pour les autres:

pur PHP / HTML:

<?php // (the originating page, where you want to show the image)
// set your image location in whatever manner you need
$imageLocation = "http://example.com/exampleImage.png";

// set the location of your 'imageserve' program
$imageserveLocation = "https://example.com/imageserve.php";

// we'll look at the imageLocation and if it is already https, don't do anything, but if it is http, then run it through imageserve.php
$imageURL = (strstr("https://",$imageLocation)?"": $imageserveLocation . "?image=") . $imageLocation;

?>
<!-- this is the HTML image -->
<img src="<?php echo $imageURL ?>" />

javascript / jQuery:

<img id="theImage" src="" />
<script>
    var imageLocation = "http://example.com/exampleImage.png";
    var imageserveLocation = "https://example.com/imageserve.php";
    var imageURL = ((imageLocation.indexOf("https://") !== -1) ? "" : imageserveLocation + "?image=") + imageLocation;
    // I'm using jQuery, but you can use just javascript...        
    $("#theImage").prop('src',imageURL);
</script>

imageserve.php voir /q/scro-avec-php-headers-23234/"https://example.com"; // ici, vous pouvez définir quels types d'images vous accepterez $supported_images = array ('png', 'jpeg', 'jpg', 'gif', 'ico'); // ce est un CORS ultra-minimal - l'envoi de données de confiance à vous-même en-tête ("Access-Control - Allow-Origin: $ mySecureSite"); $pièces = pathinfo($_GET['image']); $extension = $parties['extension']; si(in_array ($extension,$supported_images)) { en-tête ("Content-Type: image/ $ extension"); $image = file_get_contents($_GET ['image']); echo $ image; }

simplement: ne le faites pas. Le contenu Http d'une page HTTPS est intrinsèquement peu sûr. Point. C'est pourquoi IE montre un avertissement. Se débarrasser de l'avertissement est une approche stupide.

au lieu de cela, une page HTTPS devrait seulement avoir un contenu HTTPS. Assurez-vous que le contenu peut aussi être chargé via HTTPS, et référencez-le via https si la page est chargée via https. Pour le contenu externe, cela signifie charger et mettre en cache les éléments localement afin qu'ils sont disponibles via https - sûr. Pas moyen de contourner ça, malheureusement.

L'avertissement est là pour une bonne raison. Sérieusement. Passez 5 minutes à penser comment vous pourriez prendre en charge une page affichée sur https avec du contenu personnalisé - vous serez surpris.

la Meilleure façon de travailler pour moi

<img src="/path/image.png" />// this work only online
    or
    <img src="../../path/image.png" /> // this work both
    or asign variable
    <?php 
    $base_url = '';
    if($_SERVER['HTTP_HOST'] == 'localhost')
    {
         $base_url = 'localpath'; 
    }
    ?>
    <img src="<?php echo $base_url;?>/path/image.png" /> 

je me rends compte que c'est un vieux thread mais une option est juste de supprimer le http: part de l'URL de l'image de sorte que ' http://some/image.jpg ' devient '//certains/image.jpg". Cela fonctionnera également avec CDNs