单击按钮时插入图像html javascript

Question

我正在使用HTML和Javascript创建Office 2013应用程序。 我想在应用程序中包含一项功能，即当用户单击某个按钮时，相应的图像就会插入到文档中。 我尝试过这种方法。

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

我在上面编写的方法将文件路径插入文档中，而不是插入图像。 请帮忙。 PS jQuery也可以隐含。

Answer 1

这样做：

$(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">');
    });
})

小提琴演示。

Answer 2

使用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);
                }
            });
    }

@ guli 在这里找到答案