HaseProgram,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
</head>
<body>
<label class="file-upload" for="upload-img">
<mark>Choose img...</mark>
...
<input type="file" id="upload-img">
</label>
...
<label class="file-upload" for="upload-img">
<mark>Choose img...</mark>
...
<input type="file" id="upload-img">
</label>
<script>
window.addEventListener('DOMContentLoaded', function() {
[].forEach.call(document.querySelectorAll('.file-upload'), function(label) {
var mark = label.querySelector('mark');
label.querySelector('input').addEventListener('change', function() {
mark.innerHTML = this.value;
});
});
});
</script>
</body>
</html>