求助：用JavaScript/原生脚本创建CSV及NativeScript iOS表单CSV邮件发送实现

嘿，针对你的两个问题，我整理了详细的解决方案和代码片段，希望能帮到你：

1. 用JavaScript创建CSV文件 #

CSV本质是结构化的文本文件，核心是用逗号分隔字段，同时要处理特殊字符（比如逗号、引号、换行）避免格式混乱。下面是完整的实现思路和代码：

核心步骤： #

• 准备结构化数据（比如二维数组）
• 编写转换函数，处理特殊字段的转义逻辑
• 生成可下载的CSV文件（浏览器环境）

代码示例： #

// 示例：模拟表单输入的数据
const formData = [
  // CSV表头
  ["姓名", "邮箱", "留言"],
  // 表单数据行，包含特殊字符测试
  ["张三", "zhangsan@example.com", "这条留言有逗号, 换行\n还有引号\""],
  ["李四", "lisi@example.com", "无特殊字符的普通留言"]
];

// 把二维数组转成CSV字符串的核心函数
function convertToCSV(data) {
  return data.map(row => {
    // 处理每一行的每个字段
    return row.map(field => {
      // 如果字段包含逗号、双引号或换行，必须用双引号包裹
      if (field.includes(',') || field.includes('"') || field.includes('\n')) {
        // 内部的双引号要替换成两个双引号（CSV转义规则）
        return `"${field.replace(/"/g, '""')}"`;
      }
      return field;
    }).join(','); // 用逗号分隔字段
  }).join('\n'); // 每一行用换行分隔
}

// 浏览器环境下下载CSV文件的函数
function downloadCSV(csvContent, filename = '表单数据.csv') {
  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
  const downloadLink = document.createElement('a');
  const url = URL.createObjectURL(blob);
  
  downloadLink.href = url;
  downloadLink.download = filename;
  downloadLink.style.display = 'none';
  document.body.appendChild(downloadLink);
  downloadLink.click();
  document.body.removeChild(downloadLink);
  URL.revokeObjectURL(url); // 释放资源
}

// 调用示例
const csvString = convertToCSV(formData);
downloadCSV(csvString);

2. NativeScript iOS应用：表单生成CSV+邮件发送 #

作为NativeScript新手，我给你整理了一个极简的iOS应用示例，包含表单输入、CSV生成、本地保存和邮件发送全流程，代码都是最基础的写法，容易理解：

第一步：项目初始化与依赖安装 #

先通过CLI创建项目并安装邮件插件（NativeScript官方推荐用nativescript-email简化邮件发送）：

# 创建TypeScript空白项目（也可以选JavaScript模板）
ns create CSVEmailDemo --template @nativescript/template-blank-ts
cd CSVEmailDemo
# 安装邮件插件
npm install nativescript-email

第二步：编写UI界面（app/main-page.xml） #

做一个包含姓名、邮箱、留言的表单，以及触发发送的按钮：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <ActionBar title="表单转CSV邮件" />
  <StackLayout padding="20">
    <!-- 姓名输入框 -->
    <Label text="姓名" class="h5" />
    <TextField id="name" hint="请输入姓名" class="input-field" />
    
    <!-- 邮箱输入框 -->
    <Label text="您的邮箱" class="h5" marginTop="10" />
    <TextField id="userEmail" hint="请输入邮箱" keyboardType="email" class="input-field" />
    
    <!-- 留言输入框 -->
    <Label text="留言内容" class="h5" marginTop="10" />
    <TextView id="message" hint="请输入留言" class="input-field" height="150" />
    
    <!-- 发送按钮 -->
    <Button text="生成CSV并发送邮件" tap="sendCSVEmail" class="btn btn-primary" marginTop="20" />
  </StackLayout>
</Page>

第三步：编写业务逻辑（app/main-page.ts） #

处理表单验证、CSV生成、本地存储和邮件发送：

import { Page, alert } from '@nativescript/core';
import * as email from 'nativescript-email';
import { File, knownFolders, path } from '@nativescript/core';

export function onNavigatingTo(args) {
  const page = args.object as Page;
}

// 点击按钮触发的函数
export async function sendCSVEmail(args) {
  const page = args.object.page as Page;
  
  // 获取表单输入值
  const name = page.getViewById('name').text;
  const userEmail = page.getViewById('userEmail').text;
  const message = page.getViewById('message').text;
  
  // 简单验证输入
  if (!name || !userEmail || !message) {
    alert('请填写所有必填字段！');
    return;
  }
  
  // 构造CSV数据
  const csvData = [
    ["提交人姓名", "提交人邮箱", "留言内容"],
    [name, userEmail, message]
  ];
  
  // 复用CSV转换函数（和JavaScript版本逻辑一致）
  function convertToCSV(data) {
    return data.map(row => {
      return row.map(field => {
        if (field.includes(',') || field.includes('"') || field.includes('\n')) {
          return `"${field.replace(/"/g, '""')}"`;
        }
        return field;
      }).join(',');
    }).join('\n');
  }
  
  const csvContent = convertToCSV(csvData);
  
  try {
    // 把CSV保存到iOS的文档目录
    const documentsFolder = knownFolders.documents();
    const filePath = path.join(documentsFolder.path, '表单提交数据.csv');
    const csvFile = File.fromPath(filePath);
    await csvFile.writeText(csvContent);
    
    // 检查设备是否支持邮件功能
    const isEmailAvailable = await email.available();
    if (!isEmailAvailable) {
      alert('当前设备不支持邮件发送功能！');
      return;
    }
    
    // 发送邮件（替换to字段为你的目标邮箱）
    await email.compose({
      subject: '新的表单提交数据',
      body: '您好，附件是用户提交的表单数据CSV文件，请查收。',
      to: ['your-target-email@example.com'], // 这里改成你要发送的指定邮箱
      attachments: [
        {
          filePath: filePath,
          mimeType: 'text/csv',
          fileName: '表单提交数据.csv'
        }
      ]
    });
    
    alert('邮件发送成功！');
  } catch (error) {
    console.error('操作出错：', error);
    alert(`发送失败：${error.message}`);
  }
}

第四步：iOS配置注意事项 #

在app/App_Resources/iOS/Info.plist中添加邮件权限描述（避免审核问题）：

<key>NSMailUsageDescription</key>
<string>需要使用邮件功能发送用户提交的表单数据CSV附件</string>

运行测试 #

在终端执行命令，在iOS模拟器或真机上运行：

ns run ios

内容的提问来源于stack exchange，提问作者coure2011