10 examples of 'javascript set image src dynamically' in JavaScript

78
function getImageSrc(src) {
79
    return window.isLocal ? '/demo/' + src : src;
80
}

137
function setSrc (element, src, name) {
138
    name || (name = 'src');
139
140
    if (!element.getAttribute(name) || (element.getAttribute(name) !== src)) {
141
        element.setAttribute(name, src);
142
    }
143
}

52
img.onload = function onImgLoad() {
53
  ctx.drawImage(img, 0, 0, width * multiplier, height * multiplier)
54
  const dataURL = canvas.toDataURL('image/png')
55
  clbck(dataURL)
56
}

40
function setSrcAttribute(imageElement) {
41
  // If image is within a picture element, set srcset attribute for all source elements
42
  const parent = imageElement.parentNode;
43
  if (parent.tagName === 'PICTURE') {
44
    const sourceElements = parent.querySelectorAll('source');
45
    sourceElements.forEach((sourceElement) => {
46
      sourceElement.srcset = sourceElement.dataset.srcset;
47
    });
48
  }
49
50
  // Set img src attribute
51
  imageElement.src = imageElement.dataset.src;
52
  console.log(imageElement.src);
53
54
}

42
set src(v) {
43
44
    this._src = v;
45
46
    GImage.GBridge.perloadImage([this._src, this._id], (data) => {
47
        if (typeof data === 'string') {
48
            data = JSON.parse(data);
49
        }
50
        if (data.error) {
51
            var evt = { type: 'error', target: this };
52
            this.onerror(evt);
53
        } else {
54
            this.complete = true;
55
            this.width = typeof data.width === 'number' ? data.width : 0;
56
            this.height = typeof data.height === 'number' ? data.height : 0;
57
            var evt = { type: 'load', target: this };
58
            this.onload(evt);
59
        }
60
    });
61
}

13
xtr_setImage(value: Image | undefined) {
14
    if (this._image) {
15
        this.nativeObject.removeChild(this._image.source)
16
    }
17
    this._image = value;
18
    if (value) {
19
        this.nativeObject.appendChild(value.source)
20
        this.resetRatio();
21
        this.resetTintColor();
22
    }
23
}

122
function setImage(el, src) {
123
124
    var image = new Image();
125
126
    image.onload = function() {
127
        el.setAttribute('src', src);
128
    };
129
130
    image.src = src;
131
}

19
setSrc(src) {
20
    this.img.src = src
21
}

46
function setImageSrc( img, opening, src, closing ) {
47
	if ( -1 !== img.indexOf( 'data-wpmedia-src' ) ) {
48
		return img;
49
	}
50
51
	const url = getResizedImgUrlFromImgString( img );
52
53
	if ( url === null ) {
54
		return img;
55
	}
56
57
	return `${ opening }${ url.resizedUrl }" data-wpmedia-src="${ url.originalUrl }${ closing }`;
58
}

54
function loadImg(src, callback) {
55
    var img = new Image();
56
    img.src = src;
57
    img.onload = function(event) {
58
        loadImg.loaded++;
59
        callback && callback(event);
60
    };
61
    return img;
62
}