如何在 JavaScript 中创建具有自定义文件类型的文件？

【问题标题】：How to create a file with a custom file type in JavaScript?如何在 JavaScript 中创建具有自定义文件类型的文件？
【发布时间】：2013-12-28 21:23:55
【问题描述】：

我正在创建一个移动应用程序，我希望用户在文本字段中输入一些详细信息，并将这些文本字段的结果存储在一个变量中。最后，我有一个由一个大字符串组成的变量。然后我希望能够创建一个具有自定义类型的文件，并将该变量的值存储在该文件中。只需文件应包含该文本。所以它将是一个文本文件，只有我会指定扩展名。然后我会将该文件发送到服务器。

【问题讨论】：

标签： javascript ajax file mobile file-upload

【解决方案1】：

您可以为此创建一个Blob，但它不会“保存”到客户端的设备中。然后可以使用 XMLHttpRequest

将 Blob 提交给服务器

//                 bytes      ,  mime
var b = new Blob(['text data'], 'text/plain');

// make it easy to submit or just submit it directly
var fd = new FormData();
fd.append('fileParam', b, 'file_name.txt');

// assuming XMLHttpRequest xhr
xhr.send(fd);

如果 FormData 对设备不可用，那么您可以直接发送 blob。添加 FormData 使服务器端更容易，因为它与提交 <form> 和一些 <input> 相同。

【讨论】：