Вставить изображение, когда кнопка нажата html javascript

Question

Я создаю приложение Office 2013, используя HTML & Javascript. Я хочу включить одну функцию в приложение, то есть когда пользователь нажимает на определенную кнопку, соответствующее изображение будет вставлено в документ. Я попробовал этот метод ..

HTML:

<button id="img-insert-btn">Insert Image</button> 

JQuery:

$('#img-insert-btn').click(insertImage); 

Javascript:

function insertImage() { 
Office.context.document.setSelectedDataAsync("../ImageFolder/Image.png"); 
} 

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

Answer 1

Javascript:

var imgHTML = "<img " + 
"src='http://i.msdn.microsoft.com/fp123580.AppHome2(en-us,MSDN.10).png'" 
+ " alt ='apps for Office image' img/>"; 

function setHTMLImage(imgHTML) 
    { 
     Office.context.document.setSelectedDataAsync(
      imgHTML, { coercionType: "html" }, 
      function (asyncResult) { 
       if (asyncResult.status == "failed") { 
        write('Error: ' + asyncResult.error.message); 
       } 
      }); 
    } 

Ответ нашел here от @guli

Answer 2

Делайте это так:

$(document).ready(function(){ 
    $('button').click(function(){ 
     $('body').append('<img src="http://www.gratuit-en-ligne.com/telecharger-gratuit-en-ligne/telecharger-image-wallpaper-gratuit/image-wallpaper-animaux/img/images/image-wallpaper-animaux-autruche.jpg">'); 
    }); 
}) 

Fiddle demo.