开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 184|回复: 1
收起左侧

[易语言] 我有2个word预览的js,在网页上能实现,我想弄到易语言里

[复制链接]
结帖率:86% (6/7)
发表于 2025-8-12 13:51:27 | 显示全部楼层 |阅读模式   北京市北京市
10精币
    <script>
        // 获取 DOM 元素
        const fileInput = document.getElementById("fileInput");
        const fileInfo = document.getElementById("fileInfo");
        const container = document.getElementById("container");

        // 监听文件上传
        fileInput.addEventListener("change", (e) => {
            const file = e.target.files[0];
            if (!file) return;

            // 检查文件类型
            if (!file.name.endsWith(".docx")) {
                container.innerHTML = `
                    <p class="error">请上传 .docx 格式的文件!</p>
                `;
                fileInfo.textContent = "";
                return;
            }

            // 显示文件信息
            fileInfo.textContent = `已选择: ${file.name} (${(file.size / 1024).toFixed(2)} KB)`;
            container.innerHTML = "<p>加载中...</p>";

            // 渲染文档
            renderDocx(file);
        });

        // 渲染函数
        function renderDocx(docBlob) {
            // 检查依赖是否加载成功
            if (typeof JSZip === 'undefined' || typeof docx === 'undefined') {
                container.innerHTML = `
                    <p class="error">依赖加载失败!请检查 JSZip 或 docx-preview 是否正确引入。</p>
                `;
                return;
            }

            // 渲染文档
            docx.renderAsync(docBlob, container)
                .then(() => console.log("docx: 渲染完成"))
                .catch((err) => {
                    container.innerHTML = `
                        <p class="error">渲染失败:${err.message}</p>
                        <p>可能原因:</p>
                        <ul>
                            <li>文件损坏或不是有效的 .docx 格式</li>
                            <li>浏览器不支持某些 API(请使用 Chrome/Firefox/Edge)</li>
                        </ul>
                    `;
                    console.error("docx 渲染错误:", err);
                });
        }
    </script>

上面是js代码,下面是JS文件,网站是这样的 4d4d9f5d-5def-40fc-9b07-f9a612ec688b.png
JS文件.zip (47.1 KB, 下载次数: 3)


回答提醒:如果本帖被关闭无法回复,您有更好的答案帮助楼主解决,请发表至 源码区 可获得加分喔。
友情提醒:本版被采纳的主题可在 申请荣誉值 页面申请荣誉值,获得 1点 荣誉值,荣誉值可兑换荣誉会员、终身vip用户组。
快捷通道:申请荣誉值
结帖率:72% (47/65)

签到天数: 5 天

发表于 2025-8-13 16:35:20 | 显示全部楼层   广东省佛山市
易语言使用精易浏览器组件,访问地址指向你的html就行了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报QQ: 793400750,邮箱:wp@125.la
网站简介:精易论坛成立于2009年,是一个程序设计学习交流技术论坛,隶属于揭阳市揭东区精易科技有限公司所有。
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备2025452707号) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表