javascript jszip将文件添加到每个循环答案

【问题标题】：javascript jszip add file to each loopjavascript jszip将文件添加到每个循环
【发布时间】：2016-03-01 11:15:34
【问题描述】：

您好，我在使用 jszip 的循环时遇到问题 - 这是用于替换文本，我打算做 1000 个文件或更多。我想要的是为每个添加一个数字 i++ 并将其保存到 zip 中的单独文本文件中。但现在我的代码是这样的，它只显示带有输入文本的最后一个文件-请帮助

我希望 zip.add 循环遍历每个变体-但它只写入数字而不是整个输入+数字

HTML：

<script type="text/javascript" src="jszip.js"></script>
<form>
<label> Enter Block of text </label>
<textarea id="inp" name="original"></textarea>
<label> Here is your result </label> 
<textarea id="out" name="result"></textarea>

<label> Enter string to replace </label> <br>
<input type="text" id="ori" name="string"></input>
<label> Enter what to replace it with </label> 
<input type="text" id="new" name="replace"></input>
<input type="button" onClick="getin()" value="Click for result">
<input id="button" type="button" onClick="getzip()" value="Create Zip">    </input> </form>

JAVASCRIPT：

var zip = new JSZip();

for (var i = 1; i < 100; i++) {
    getin(i) 
    }

function getin() {
    var old = document.getElementById("ori").value;
    var reg = new RegExp(old, "gim" );
    var e = document.getElementById("new").value;
    var str1, str2;
    str1 = document.getElementById("inp").value;
    if (str1 == "") {null;}
    var end = str1.replace (reg, e+i);
    document.getElementById("out").value = end;
     zip.add("output"+i+".txt", end+"\n")
    }

    function getzip ()     {
    content=zip.generate();
    location.href="data:application/zip;base64,"+content;   
}

【问题讨论】：

getin(i) 在 for 循环中，但你的函数 getin() 不接受任何参数
我想让这个循环zip.add("output"+i+".txt", end+"\n")
我怎样才能让#out id 显示结果而不点击 - 我认为这就是答案
还有var end = str1.replace (reg, e+i);

标签： javascript loops for-loop text jszip

【解决方案1】：

这将根据您的正则表达式替换创建一个包含 100 个具有不同输出的文件的 zip - 不确定您希望对内容发生什么。

var zip;

function getin() {
  var old = document.getElementById("ori").value;
  var reg = new RegExp(old, "gim");
  var e = document.getElementById("new").value;
  var str1, str2;
  str1 = document.getElementById("inp").value;
  if (str1 == "") {
    return;
  }
  
  zip = new JSZip();
  var result = '';
  
  Array(100).fill().forEach(function(v,i) {  
  	var end = str1.replace(reg, e + i);
  	result += end;
  	zip.file("output" + i + ".txt", end + "\n")
  });
  
  document.getElementById("out").value = result;
}


function getzip() {
  if (!zip) { return; }
  content = zip.generate();
  location.href = "data:application/zip;base64," + content;
}

<script src="http://rawgit.com/Stuk/jszip/master/dist/jszip.min.js"></script>

<form>
  <label> Enter Block of text </label>
  <textarea id="inp" name="original"></textarea>
  <label> Here is your result </label>
  <textarea id="out" name="result"></textarea>

  <label> Enter string to replace </label>
  <br>
  <input type="text" id="ori" name="string">
  <label> Enter what to replace it with </label>
  <input type="text" id="new" name="replace">
  <input type="button" onClick="getin()" value="Click for result">
  <input id="button" type="button" onClick="getzip()" value="Create Zip">
</form>

【讨论】：