PyScript环境下网页表单数据写入CSV文件失败排查求助

这是个典型的PyScript沙箱环境认知问题，核心原因是：PyScript运行在浏览器的沙箱虚拟文件系统中，你通过open()创建/写入的student.csv并没有保存在你的本地电脑硬盘里，而是存在浏览器的隔离文件空间中，所以你在本地找不到这个文件，且因为没有权限冲突，也不会抛出错误。

下面给你两种针对性的解决思路，以及代码优化建议：

方案1：生成可下载的CSV文件（推荐） #

既然沙箱内的文件用户无法直接访问，我们可以在收集到表单数据后，直接生成一个可下载的链接，让用户将CSV文件保存到本地。修改你的main.py代码如下：

import csv
from pyscript import document
from pyscript import window  # 引入浏览器window对象，用于操作下载API

def submit_form(event):
    # 获取表单输入值
    name = document.querySelector('#name').value
    enrollment = document.querySelector('#enrollment').value
    branch = document.querySelector('#branch').value
    course = document.querySelector('#course').value
    
    # 生成可下载的CSV文件
    create_downloadable_csv(name, enrollment, branch, course)
    
    # 清空表单
    document.querySelector('#name').value = ""
    document.querySelector('#enrollment').value = ""
    document.querySelector('#branch').value = ""
    document.querySelector('#course').value = ""

def create_downloadable_csv(name, enr, branch, course):
    # 构造CSV内容，先写表头再写数据
    csv_lines = [
        "Name,Enrollment No,Branch,Course",
        f"{name},{enr},{branch},{course}"
    ]
    csv_content = "\n".join(csv_lines)
    
    # 利用浏览器API创建Blob对象和下载链接
    blob = window.Blob.new([csv_content], {"type": "text/csv;charset=utf-8;"})
    download_url = window.URL.createObjectURL(blob)
    
    # 创建隐藏的a标签触发下载
    download_link = document.createElement("a")
    download_link.href = download_url
    download_link.download = "student.csv"  # 设置下载的文件名
    document.body.appendChild(download_link)
    download_link.click()
    
    # 清理资源
    document.body.removeChild(download_link)
    window.URL.revokeObjectURL(download_url)

这样用户点击「Submit」按钮后，浏览器会自动弹出下载提示，将包含学生数据的CSV文件保存到本地电脑，完全符合你的预期需求。

方案2：验证沙箱内的文件是否存在 #

如果你只是想确认文件是否真的被创建，可以通过PyScript的fs模块查看虚拟文件系统的内容，同时可以优化文件写入逻辑（比如添加表头）：

import csv
import os
from pyscript import document
from pyscript import fs  # 引入PyScript的文件系统模块

def submit_form(event):
    name = document.querySelector('#name')
    enrollment = document.querySelector('#enrollment')
    branch = document.querySelector('#branch')
    course = document.querySelector('#course')
    
    store_data(name.value, enrollment.value, branch.value, course.value)
    check_sandbox_files()  # 检查沙箱内的文件
    
    # 清空表单
    name.value = ""
    enrollment.value = ""
    branch.value = ""
    course.value = ""

def store_data(name, enr, branch, course):
    file_path = 'student.csv'
    file_exists = os.path.isfile(file_path)
    
    with open(file_path, 'a', newline='') as f:
        w = csv.DictWriter(f, fieldnames=['Name','Enrollment No','Branch','Course'])
        # 首次写入时添加表头
        if not file_exists:
            w.writeheader()
        w.writerow({'Name':name,'Enrollment No':enr,'Branch':branch,'Course':course})

def check_sandbox_files():
    # 列出沙箱当前目录下的所有文件，结果会在浏览器控制台打印（按F12查看）
    print("沙箱内的文件列表：", fs.listdir('.'))

运行后打开浏览器的开发者工具（F12），切换到「Console」标签页，就能看到沙箱内的文件列表，确认student.csv是否存在。但要注意，这个文件只能在PyScript的沙箱环境中访问，本地硬盘无法直接查看。

额外优化点 #

1. 你原始的HTML表单没有用<form>标签包裹，虽然PyScript的py-click能正常触发，但建议包裹成标准<form>结构，增强语义化。
2. 可以在表单提交时添加简单的输入验证（比如检查姓名、学号是否为空），提升用户体验。

内容来源于stack exchange