在线打开word文档 jquery

码农遇见菜鸟

于 2024-11-03 09:50:42 发布

阅读量264

点赞数 2

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_40597855/article/details/143461314

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线查看Word文档</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<div id="word-document-container">
    <!-- Word文档将在这里显示 -->
</div>

<script>
    $(document).ready(function() {
        var wordDocumentUrl = 'uploads/20241102/b20313853ac924554b37759e8f6fc8f4.docx'; // 替换为你的Word文档URL
        var officeOnlineViewerUrl = 'https://view.officeapps.live.com/op/embed.aspx?src=' + encodeURIComponent(wordDocumentUrl);
        
        var iframe = $('<iframe>', {
            src: officeOnlineViewerUrl,
            width: '100%',
            height: '600px', // 你可以根据需要调整高度
            frameborder: '0'
        });
        
        $('#word-document-container').append(iframe);
    });
</script>

</body>
</html>