使用 JavaScript 在服务器上保存文本文件

IT技术 javascript jquery ajax text
2021-02-05 20:30:52

是否可以在不使用 PHP 的情况下使用 JavaScript/jQuery 将文本保存到新的文本文件中?我试图保存的文本可能包含我不想转义或使用 urlencode 的 HTML 实体、JS、HTML、CSS 和 PHP 脚本!

如果只能使用 PHP 实现,我如何将文本传递给 PHP 而不对其进行编码?

2个回答

您必须有一个服务器端脚本来处理您的请求,它不能使用 javascript 来完成。

要在没有 URIencoding 或将特殊字符转义到 php 的情况下发送原始数据并将其另存为新txt文件,您可以使用以下post方法发送 ajax 请求FormData

JS:

var data = new FormData();
data.append("data" , "the_text_you_want_to_save");
var xhr = (window.XMLHttpRequest) ? new XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP");
xhr.open( 'post', '/path/to/php', true );
xhr.send(data);

PHP:

if(!empty($_POST['data'])){
$data = $_POST['data'];
$fname = mktime() . ".txt";//generates random name

$file = fopen("upload/" .$fname, 'w');//creates new file
fwrite($file, $data);
fclose($file);
}

编辑:

正如下面提到的 Florian,XHR 回退不是必需的,因为FormData旧浏览器(formdata browser compatibiltiy不支持,因此您可以将 XHR 变量声明为:

var xhr = new XMLHttpRequest();

另请注意,这仅适用于支持FormDataIE +10 等浏览器。

XMLHttpRequest 无法加载 $php 文件。跨源请求仅支持以下协议方案:http、data、chrome、chrome-extension、https、chrome-extension-resource。
2021-03-15 20:30:52
为什么您要为 IE6 回退 XHR,但使用FormData? 一个或另一个必须去。
2021-03-23 20:30:52
是否可以使用此方法覆盖现有文件或只能创建一个新文件?
2021-04-01 20:30:52
@FlorianMargaine(或其他人),您能否编辑答案(这对所有阅读此已接受答案的人都会有用)以提供更好的版本?
2021-04-04 20:30:52
这就像一个魅力,文本被保存为所有特殊字符:),再次感谢。
2021-04-11 20:30:52

仅使用 JavaScript 和 jQuery 等客户端脚本无法将内容保存到网站,但是通过在 AJAX POST 请求中提交数据,您可以在服务器端非常轻松地执行另一半操作。

但是,我不建议将原始内容(例如脚本)轻松写入您的主机,因为这很容易被利用。如果您想了解有关 AJAX POST 请求的更多信息,可以阅读 jQuery API 页面:

http://api.jquery.com/jQuery.post/

如果您仍想在主机上保存原始脚本文件,那么您应该注意以下几点。如果您处理这样的文件,您必须非常小心安全!

文件上传(如果 javascript 可以选择文件名,则大部分也适用于发送纯文本) http://www.developershome.com/wap/wapUpload/wap_upload.asp?page=security https://www.owasp .org/index.php/Unrestricted_File_Upload