如何使用Excel加载项（jQuery）访问用户文件

Question

我使用jQuery和Visual Studio创建了一个Excel加载项，用户可以在其中打开图像并写入电子表格。写作是一件轻而易举的事，但是打开图像是一个问题。文件输入imgupload似乎可以正常工作，因为我能够检索整个文件路径。按下按钮“ boton”以在html图像输入中打开文件后，出现以下错误：“ 为保护您的安全，您的网络浏览器已限制此文件显示可访问您计算机的活动内容”。

如何避免此安全问题？ 由于专有原因，我的用户倾向于将文件存储在计算机上，因此从计算机上打开文件很重要。

此处是用于按钮的html和用于imgupload的输入：

<input id="pic" type="image">
<input type="file" id="imgupload" style="display:none" />
<button id="OpenImgUpload">Image Upload</button>
<buton class="ms-Button ms-Button--primary" id="boton" >Button</buton>

这是相关的JavaScript / jQuery：

$('#OpenImgUpload').click(function () { $('#imgupload').trigger('click'); });
$('#boton').click(setImage);

function setImage() {
    var file = document.getElementById("imgupload").value;
    document.getElementById("pic").src = file;
}

此外，当我按允许内容时，图像仍然不会显示。