Tratar con contenido HTTP en páginas HTTPS

Si está buscando una solución rápida para cargar imágenes a través de HTTPS, entonces el servicio gratuito de proxy inverso en https://images.weserv.nl / puede interesarle. Era exactamente lo que estaba buscando.

Si está buscando una solución de pago, he utilizado anteriormente Cloudinary.com que también funciona bien, pero es demasiado caro únicamente para esta tarea, en mi opinión.

No se si esto se ajustaría a lo que estás haciendo, pero como una solución rápida "envolver" el contenido http en un script https. Por ejemplo, en su página que se sirve a través de https introduciría un iframe que reemplazaría su fuente rss y en el attr src del iframe pondría una url de un script en su servidor que capture la fuente y genere el html. el script está leyendo el feed a través de http y lo envía a través de https (por lo tanto, "wrapping")

Solo un pensamiento

Con respecto a su segundo requisito - es posible que pueda utilizar el evento onerror, es decir. <img onerror="some javascript;"...

Actualización:

También puedes intentar iterar a través de document.images en el dom. Hay una propiedad booleana complete que podría ser capaz de usar. No estoy seguro de si esto será adecuado, pero podría valer la pena investigarlo.

Sería mejor tener solo el contenido http en https

A veces como en las aplicaciones de Facebook no podemos tener contenidos no seguros en la página segura. tampoco podemos hacer locales esos contenidos. por ejemplo, una aplicación que se cargará en iFrame no es un contenido simple y no podemos hacerlo local.

Creo que nunca debemos cargar el contenido http en https, tampoco debemos recurrir a la página https en la versión http para evitar el diálogo de error.

La única forma de garantizar la seguridad del usuario es usar la versión https de todos los contenidos, http://developers.facebook.com/blog/post/499 /

La respuesta aceptada me ayudó a actualizar esto tanto a PHP como a CORS, así que pensé en incluir la solución para otros:

PHP/HTML puro:

<?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 véase http://stackoverflow.com/questions/8719276/cors-with-php-headers?noredirect=1&lq=1 para más información sobre CORS

<?php
// set your secure site URL here (where you are showing the images)
$mySecureSite = "https://example.com";

// here, you can set what kinds of images you will accept
$supported_images = array('png','jpeg','jpg','gif','ico');

// this is an ultra-minimal CORS - sending trusted data to yourself 
header("Access-Control-Allow-Origin: $mySecureSite");

$parts = pathinfo($_GET['image']);
$extension = $parts['extension'];
if(in_array($extension,$supported_images)) {
    header("Content-Type: image/$extension");
    $image = file_get_contents($_GET['image']);
    echo $image;
}

Simplemente: NO LO HAGAS. El contenido Http dentro de una página HTTPS es inherentemente inseguro. Punto. Es por eso que IE muestra una advertencia. Deshacerse de la advertencia es un enfoque estúpido.

En su lugar, una página HTTPS debería solo tener contenido HTTPS. Asegúrese de que el contenido también se pueda cargar a través de HTTPS y haga referencia a él a través de https si la página se carga a través de https. Para el contenido externo, esto significará cargar y almacenar en caché los elementos localmente para que estén disponibles a través de https - sure. De ninguna manera por eso, tristemente.

La advertencia está ahí por una buena razón. Seriamente. Pase 5 minutos pensando cómo podría hacerse cargo de una página https mostrada con contenido personalizado - se sorprenderá.

La Mejor manera de trabajar para mí

<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" /> 

Me doy cuenta de que este es un hilo antiguo, pero una opción es eliminar la parte http: de la URL de la imagen para que ' http://some/image.jpg ' becomes '//some/image.jpg". Esto también funcionará con CDNs