如何使用JavaScript在iframe中插入图像？

我正在制作自己的富文本编辑器。因此，我不是通过URL插入图像，而是通过本地文件

Iframe

 <iframe style="width:100%; height: 300px;" name="richTextField"></iframe>

---

您是否尝试过myFrame.src=imageLoaded.src？是的，但没有运气；（顺便说一句，richTextField.document.execCommand（'insertimage'，false，imageLoaded.src）；这解决了我的问题。。

        function image()
{
$('#myModal').modal('show');

var file = document.getElementById("image").files;
$('#uploadImage').click(function(){

   loadImageFileAsURL();

});

}

 function loadImageFileAsURL()
   {
    var filesSelected = document.getElementById("image").files;

if (filesSelected.length > 0)
{
    var fileToLoad = filesSelected[0];

    if (fileToLoad.type.match("image.*"))
    {
        var fileReader = new FileReader();
        fileReader.onload = function(fileLoadedEvent) 
        {
            var imageLoaded = document.createElement("img");
            imageLoaded.src = fileLoadedEvent.target.result;

             //How to insert Image??
             $('#myModal').modal('hide');
        };
        fileReader.readAsDataURL(fileToLoad);
    }
}
}