File download monitoring

Question

Is it possible to monitor file downloads? For example -

var style_css = 'css/syle.css'; style_css.onload(function() { console.log('css loaded'); });

 var js = 'js/java.js'; js.onload(function() { console.log('js loaded'); });

Is there something like that?
Maybe in php , js , html , ajax or some other language?

Accepted Answer · 2016-06-16T13:36:15

 load('style.css'); load('script.js');

 function load(url) { if(url.match(/.js/)) { content = document.createElement('script'); content.type = 'text/javascript'; content.src = url; } if(url.match(/.css/)) { content = document.createElement('link'); content.rel = 'stylesheet'; content.type = 'text/css'; content.href = url; } document.body.appendChild(content); content.onerror = function() { console.log(url, 'not exist'); } content.onload = function() { console.log(url, 'loaded'); } }

 <link rel='stylesheet' type='text/css' href='style.css' onload="console.log(this.href, 'loaded');"> <script type='text/javascript' src='script.js' onload="console.log(this.src, 'loaded');"></script>

@Brave_Lime, if you only need to report in the console, then it is easier to display the event in the html.
@Doofy Well, the task is in: "When loading a specific file, a change in html markup occurs (using jQuery )" ... I can do <script onLoad="some_function();" src="https:.."></script>
<script onLoad="some_function();" src="https:.."></script> No?

Vasily Barbashev Vasily Barbashev 3.569 2 9 21 · Answer 2 · 2016-06-16T13:12:38

Can!

 <script onLoad="alert(this.src + ' загружен');" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

You can write some function or perform it, then:

 <script> function onLoadHandler(obj) { alert(obj.src + ' загружен'); } </script> <script onLoad="onLoadHandler(this);" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

File download monitoring

2 answers 2

More articles: