js购物车中的缩略图

function loadImage(url, element) {
    let img = new Image();
    img.onload = () => element.src = url;
    img.onerror = () => element.src = 'path/to/fallback/image.jpg';
    img.src = url;
}

function createThumbnail(originalImage, size) {
    let canvas = document.createElement('canvas');
    let ctx = canvas.getContext('2d');
    let width = size;
    let height = size;

    canvas.width = width;
    canvas.height = height;

    ctx.drawImage(originalImage, 0, 0, width, height);
    return canvas.toDataURL('image/jpeg', 0.8);
}

let img = new Image();
img.src = 'path/to/large/image.jpg';
img.onload = () => {
    let thumbnailUrl = createThumbnail(img, 100);
    document.getElementById('thumbnail').src = thumbnailUrl;
};