Javascript jQuery将图像附加到HTML div中

我需要使用jQuery将图像附加到div中，尽管我读了很多文章，但还没有得出结论

我有一个div-call-profileIcon，我希望在其中包含一个将使用api加载的的的映像。因此，我必须动态加载它

<div class="profileIcon" id="profile">
   <!--want image here -->
</div>
<script>
var image = "data...";
</script>

var image=“数据…”；

以某种方式将图像附加到.profileIcon，或带有变量img的

src

的#profile。感谢您的帮助。提前谢谢。jQuery或JS很好

这是您想要的吗

    $(document).ready(function() {
      $('button').click(function() {
        $('#profile').append('<img id="theImg" src="https://picsum.photos/200" />');
      });
    });

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（'#profile'）。附加（''）；
});
});

---

是的，请这样做。：）哦，谢谢你给我的第一张选票！多谢，不用担心！！：）