Categorias
iiiiii
repaso
Descripcion
repaso
javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--- Practica 1 -->
<h1>Practica 1</h1>
<div id="demo"></div>
<!--- Practica 2 -->
<h1>Practica 2</h1>
<div id="demo2" miattr="2"></div>
<!--- Practica 3 -->
<h1>Practica 3</h1>
<div id="demo3">
<button id="btn1" type="button">Enviar!</button>
</div>
<h1>Practica 7</h1>
<div id="demo7">
<button id="myBtn" type="button">Enviar!</button>
</div>
<h1>Practica 9</h1>
<div id="demo9">
<button id="myBtn2" type="button">Enviar!</button>
</div>
<script src="js/app.js">
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>Promise example</title>
<link rel="stylesheet" href="">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>Promise example</h1>
<p>Darth Vader image by <a href="https://www.flickr.com/photos/digital_stability/">Shawn Taylor</a>, published under a <a href="https://creativecommons.org/licenses/by-nc-nd/2.0/">Attribution-NonCommercial-NoDerivs 2.0 Generic</a> license.</p>
<script>
const imgLoad = (url) => {
//Creacion de la promesa
return new Promise(function(resolve, reject) {
// Standard XHR to load an image
let request = new XMLHttpRequest();
request.open('GET', url)
request.responseType = 'blob';
request.onload = () => {
if (request.status === 200) {
resolve(request.response);
return;
}
reject(Error('Image didn\'t load successfully; error code:' + request.statusText));
return;
};
request.onerror = function() {
reject(Error('There was a network error.'));
};
request.send();
});
}
let body = document.querySelector('body');
let myImage = new Image(); //Creacion de un nuevo obj imagen
imgLoad('myLittleVader.jpg').then((response) => {
let imageURL = window.URL.createObjectURL(response);
myImage.src = imageURL;
body.appendChild(myImage);
}, (Error) => {
console.log(Error);
});
</script>
</body>
</html>