Atualizar foto da capa(sem jquery)

Como atualizar foto dessa capa a partir de meu computador com javascript, button input type=" file" ou com nodejs.

Segue o código:


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
	#teste {
		background-image: url('html.png');
		height: 250px;
		width: 900px;
		border: 1px solid black;	
	}
	h1 {
		text-align: center;
	}
	button, input {
		margin: 10px;
	}
</style>
</head>
<body>
<div id="teste">
	<button style="font-size:24px">Atualizar foto de capa <i class="fa fa-camera"></i></button><br><br>
	<input type="file" name="">	
</div>
	<h1>Página teste</h1>
</body>
</html>