JSFiddle - React, Tailwind, and code Playground

by Ting-Yuan Chang

HTML

<img id="img_holder" />
<br />
<button id="cmd-start-download" onclick="startDownload();">Start download</button>
<button id="cmd-stop-download" onclick="stopDownload();">Stop download</button>

CSS

#img_holder {
    
    width: 300px;
    height: 300px;
    border-style: solid;
    border-width: 1px;
    
}

JavaScript

$('#cmd-start-download').on('click', function() {
    
    var imgUrl = 'https://images.unsplash.com/photo-1451337516015-6b6e9a44a8a3?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D';
    
    $('#img_holder').attr("src", imgUrl);
    
});

$('#cmd-stop-download').on('click', function() {
    
    $('#img_holder').attr("src", "");
    
});