javascript load image programmatically
var elements = [];
function loaded(){
console.log("you have loaded an image");
}
CreateFileFrom("your/dir/here/img.png");
function CreateFileFrom(dir){
/* defining runtime variables */
var extension = dir.split('.').pop();
var keys = {"png":"IMG","jpg":"IMG","jpeg":"IMG",
"js":"SCRIPT","json":"SCRIPT",
"mp3":"AUDIO","wav":"AUDIO"};
var obj = document.createElement(keys[extension]) || {};
obj.src = dir;
/* onload function called when the resource is loaded */
obj.onload = (e) => {
elements.push(e.path[0]);
loaded()
}
/* make sure that the data is compitable */
if(keys[extension]==null){console.error("not supported media type "+extension);return;}
}
Also in JavaScript:
- How to make remove buttoon on table using js DOM
- spreadjs autofit column with minimum
- how to create a server in node js
- js dom ready function
- javascript reverse a string
- escape json in javascript
- discord bot v12 reaction remove code
- js rounding
- upload progress bar script
- object json parse nestjs
- get parent element using jquery
- terrain generator in javascript
- javascript detect click outside element
- add class to radium
- js functions inside of objects
- jquery remove all alerts
- javascript find unique values in array of objects
- how to get value of input in javascript
- what does json.parse do
- uncheck checkbox when another is checked javascript
- javascript the difference between innerText vs. innerHTML vs. textContent
- nodejs express return image
- how to copy text from input through button click js
- ajouter javascript dans html