Estoy trabajando con Php y jquery, tengo dos botones para "vista previa" y "descargar" contenido/imagen Pero quiero que cada vez que cargue una página (abrir página web) entonces el Contenido/Imagen debería descargarse (el disparador debería funcionar) Aquí está mi código para "Vista previa" y "Descargar"
<div id="html-content-holder" style="background-color: #F0F0F1; color: #00cc65; width: 5000px; Lorem Ipsum dummy text... </div> <input id="btn-Preview-Image" type="button" value="Preview"/> <a id="btn-Convert-Html2Image" href="#">Download</a> <br/> <h3>Preview :</h3> <div id="previewImage"> </div> var element = $("#html-content-holder"); // global variable var getCanvas; // global variable $("#btn-Preview-Image").on('click', function () { html2canvas(element, { onrendered: function (canvas) { $("#previewImage").append(canvas); getCanvas = canvas; } }); }); $("#btn-Convert-Html2Image").on('click', function () { var imgageData = getCanvas.toDataURL("image/png"); var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData); }); </script>Y aquí lo intenté hasta ahora, ¿dónde me equivoco?
<script> $("document").ready(function(){ $("#btn-Preview-Image").trigger("click"); setTimeout(function() { $("#btn-Convert-Html2Image").trigger("click"); }, 5000); }); <script> /* document ready to load all thing once document ready */ $(document).ready(function(){ var element = $("#html-content-holder"); // global variable var getCanvas; // global variable $("#btn-Preview-Image").on('click', function () { alert("I m preview");return false; /* Your code what you need to do */ }); $("#btn-Convert-Html2Image").on('click', function () { alert("I m download");return false; /* your code to download image */ }); /* Trigger event */ $(document).find("#btn-Preview-Image").trigger("click"); setTimeout(function() { $(document).find("#btn-Convert-Html2Image").trigger("click"); }, 2000); }); </script>No ha utilizado find, ya que si tuviéramos que desencadenar un evento en cualquiera de los botones de todo el documento, primero podríamos necesitar encontrar ese SELECTOR y luego podríamos realizar una acción en él. La otra cosa que no ha hecho es no haber guardado los eventos en la función lista.