允许用户将 html 列表的内容保存到文本文件

发布于 2024-10-05 22:47:39 字数 133 浏览 3 评论 0原文

我正在开发一个应用程序(ASP.NET、Webforms),它根据用户输入生成输出列表。我想允许用户将所述列表的内容保存为文本文件,或者可能保存为其他文件类型,例如 .csv。解决这个问题的最佳方法是什么?可以用 Javascript 在客户端完成吗?

I'm working on an application (ASP.NET, Webforms) that generates a list of outputs based on a user input. I want to allow the user to save the contents of said list as text file, or possibly as other filetypes such as .csv. What is the best way to approach this? Can it be done client-side with Javascript?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

话少心凉 2024-10-12 22:47:39

我认为您需要使用 ActiveXJava AppletsSilverlight 来执行类似的操作。 JavaScript 无法访问本地文件系统。

另一种方法是在服务器上创建一个文件(物理地或动态地)并使其可供用户下载。这将使他看到保存文件对话框。

要即时执行此操作,请创建一个空白页面(没有任何标记。甚至都没有),设置 Response.ContentType = 'text/plain' 并使用 Response.Write() 在 Page_Load 中写入您的内容。

I think you will need to use ActiveX or Java Applets or Silverlight to do something like that. JavaScript does not have access to local file system.

Another way to go with this is create a file on server (physically or on the fly) and make it available for download to the user. That will get him the save file dialog.

To do this on the fly, create a blank page (without any markup. not even ), set Response.ContentType = 'text/plain' and use Response.Write() to write your content in Page_Load.

海之角 2024-10-12 22:47:39

您可以通过构建并打开 数据 URI<,纯粹在客户端 JavaScript 中生成纯文本或 csv 文件/a>.

使用 jQuery 的示例:

window.open(
    'data:text/csv;charset=utf-8,' + 
    escape(
        $('#yourlist li') // <- selector for source data here
            .map(function(){
                // format row here
                return $(this).text();
            })
            .get()
            .join('\r\n')
    )
);

不幸的是,由于在 IE8 之前缺乏数据 URI 支持,并且一次安全限制,此技术将无法在 IE 中工作 IE 添加了对数据 URI 的支持。您必须对 IE 使用替代技术,要么再次访问服务器,要么使用 ActiveX/Silverlight/Flash/Java Applet 来避免可能已在客户端上的数据的往返。

You can generate a plain text or csv file purely in client-side JavaScript by constructing and opening a data URI.

Example using jQuery:

window.open(
    'data:text/csv;charset=utf-8,' + 
    escape(
        $('#yourlist li') // <- selector for source data here
            .map(function(){
                // format row here
                return $(this).text();
            })
            .get()
            .join('\r\n')
    )
);

Unfortunately, this technique will not work in IE due to lack of data URI support until IE8 and security restrictions once IE added support for data URIs. You'd have to use an alternative technique for IE, either hitting the server again or using ActiveX / Silverlight / Flash / Java Applet to avoid a round trip for data that is presumably already on the client.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文