Question

我正在创建一个Office 2013应用，使用HTML＆amp;的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

这样做：

$(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.

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

通过@ here

找到了guli的答案

单击按钮时插入图像html javascript

2 个答案: