求教:将<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”。
网上有很多类似的帖子,但模板的存放位置都是在网络服务器,我照搬(后将位置设为本地文件)的话有跨域问题,这个可以使用本地模板,但又多了一个(对于我来讲)手动选择模板的多余步骤。
请高手指导!!谢谢