javascript - 单击按钮时插入图像 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在这里找到的答案