پرسش html

از یه باتن با تایپ فایل استفاده کن

<button type="file"></button>

درود خوبی...
HTML :

<button onclick="Raymond();">کلیک کن</button>

JavaScript :

    function Raymond() {
        var src = "https://rayium.ir/wp-content/uploads/2023/12/MailHog_Cover.png";
        show_image("https://rayium.ir/wp-content/uploads/2023/12/MailHog_Cover.png", 276,110, "Raymond");
    }

    function show_image(src, width, height, alt) {
        var img = document.createElement("img");
        img.src = src;
        img.width = width;
        img.height = height;
        img.alt = alt;
        document.body.appendChild(img);
    }

این کار به این سادگیا نیست.
شما نمی تونین همینجوری این کار رو انجام بدین.
باید اول از یک زبان بک اند مثل PHP استفاده کنین، بعد پایگاه های داده ایجاد کنین و از اونا استفاده کنین، عکس رو توسط متد POST برای سرور ارسال و اونجا save اش کنین.
بعد از HTMl و request ها استفاده کنین تا اون عکس رو بگیرین و توی HTML نمایش بدین.

سلام👋👋
ببین اگر برای همیشه بخوای بمونه عکس
حتما باید از یک زبان سمت سرور مثل php استفاده کنی و
در html یک input با 'type='file قرار میدی و اون فایل رو باید در سمت سرور بگیری از طریق post یا get و ذخیره کنی یه جا و اون ادرسی که فایل رو ذخیره کردی رو در دیتابیس ذخیره کنی
و درنهایت در صفحه ای که میخوای نمایش داده بشن بیا و با یه حلقه while همه رو از دیتابیس واکشی کن و تو صفحه در اینجوری قرار بده

در php اینجوری میشه نمایش داد(ترکیب html و php)👇

<img src="<?php echo $url_img_file;?>">