Problema al Mostrar imagen con Ajax Js

nelson12345 · #1 (**permalink**) 25/06/2017, 19:49

Buenas noches. Intento mostrar una imagen con ajax pero el problema es que la imagen pesa 19,3MB, he descartado pruebas del codigo con imagenes mas livianas como de menos de 1MB y funciona pero con la imagen de 19 MB no me la muestra, ya intente darle dimension a la imagen pero sigue sin mostrarla. Alguien que por favor me guie.

image.html

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
 
<img src="mapa_terminado.png" width="400" height="400">
 
</body>
</html>

sample.html

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <title>AJAX</title>
</head>
<body>
 
<button id="get-image">Get Image Now</button>
<div id="image-container"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script>
    $('#get-image').click(function() {
        $('#image-container').load('image.html');
    } );
</script>
 
</body>
</html>