Как вставить изображение в iframe с помощью JavaScript? - PullRequest
Новая
       23

Как вставить изображение в iframe с помощью JavaScript?

0 голосов
/ 10 июня 2018

Я создаю свой собственный текстовый редактор.Поэтому вместо того, чтобы вставлять изображение через URL, я делаю через локальные файлы.

Iframe 

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

Мой вопрос: как вставить изображение в iframe? 

        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);
    }
}
}
...