| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 436 人关注过本帖
标题:求教:将<input type="file"选择文件改变为直接在代码中设置地址 ...
只看楼主 加入收藏
aq8888
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2023-6-13
收藏
 问题点数:0 回复次数:1 
求教:将<input type="file"选择文件改变为直接在代码中设置地址
本人小白一个;要做一个利用word模板生成固定格式word文件的本地网页代码。代码如下:
<html>
    <body>
        <script src="https://cdnjs.
       <script src="https://
       <script src="https://cdnjs.
       <script src="https://
        <input type="file" id="doc" accept=".doc,.docx">
        <button onclick="generate()">Generate document</button>
        <script>
            const docs = document.getElementById("doc");
            window.generate = function generate() {
                const reader = new FileReader();
                if (docs.files.length === 0) {
                    alert("No files selected");
                }
                reader.readAsBinaryString(docs.files.item(0));
                reader.onerror = function (evt) {
                    console.log("error reading file", evt);
                };
                reader.onload = function (evt) {
                    const content = evt.target.result;
                    const zip = new PizZip(content);
                    const doc = new window.docxtemplater(zip, {
                        paragraphLoop: true,
                        linebreaks: true,
                    });
                    doc.render({
                        first_name: "John",
                      last_name: "123",
                    });
                    const blob = doc.getZip().generate({
                        type: "blob",
                        mimeType:
                            "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
                        compression: "DEFLATE",
                    });
                    saveAs(blob, "output.docx");
                };
            };
        </script>
    </body>
</html>
现在能做到的是点击按钮,手动选择模板(docx文件),再点击第二个按钮,可以导出文件。
我现在想要的是:去掉第一个按钮,直接在js中设置好模板的位置,比如“./example.docx”。
网上有很多类似的帖子,但模板的存放位置都是在网络服务器,我照搬(后将位置设为本地文件)的话有跨域问题,这个可以使用本地模板,但又多了一个(对于我来讲)手动选择模板的多余步骤。
请高手指导!!谢谢
搜索更多相关主题的帖子: 模板 js script doc 文件 
2023-06-13 09:43
yiyanxiyin
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:9
帖 子:176
专家分:1253
注 册:2023-6-29
收藏
得分:0 
如果模板放本地, 那么你的html文件也放本地即可, 如果你的html放服务器上那么模板也要放服务器上
2023-06-29 16:50
快速回复:求教:将<input type="file"选择文件改变为直接在代码中设置地址 ...
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.014644 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved