在jQuery中下载带有换行符的Textarea内容

时间:2019-03-20 09:12:04

标签: javascript jquery html

我正在尝试将按钮单击时文本区域的内容下载到jQuery中的.txt文件。我可以使用this question

中的以下代码

我能够使用此代码;

$("#downloadtext").click(function() {
// create `a` element
$("<a />", {
    // if supported , set name of file
    download: $.now() + ".txt",
    // set `href` to `objectURL` of `Blob` of `textarea` value
    href: URL.createObjectURL(
      new Blob([$("#textarea-content").val()], {
        type: "text/plain"
      }))
  })
  // append `a` element to `body`
  // call `click` on `DOM` element `a`
  .appendTo("body")[0].click();
  // remove appended `a` element after "Save File" dialog,
  // `window` regains `focus` 
  $(window).one("focus", function() {
    $("a").last().remove()
  })
  });

我不确定为什么即使textarea中的内容有换行符,下载的文件也没有换行符。看起来像这样[请参见下图];

enter image description here

但是我希望它看起来像这样;

enter image description here

不确定上面的代码中缺少什么或者为什么要去除换行符。

非常感谢您为我指出正确的方向。

1 个答案:

答案 0 :(得分:1)

这应该有效:

    new Blob([$("textarea").val().replace(/\r?\n/g, '\r\n')], {
      type: "text/plain"
    }))