Javascript 如何上传HTML文件并将数据保存在单独的JS文件中的变量中?

Javascript 如何上传HTML文件并将数据保存在单独的JS文件中的变量中?,javascript,php,html,jquery,file-upload,Javascript,Php,Html,Jquery,File Upload,所以我有一个网页,正在使用标签。用户应该能够选择一个文件(不是多个),然后我必须检查它是否是.csv,并将数据设置为JavaScript变量(字符串)以进一步处理它。JavaScript代码必须在一个单独的文件中,因此我不能将代码放在HTML文件的标记中,而是放在一个在按下按钮后调用的函数中 我尝试了php和ajax,但没有成功。我没有使用php的经验,所以我不知道出了什么问题,但我的php代码只是打印在页面上: HTML: <form action="upload.php" metho

所以我有一个网页,正在使用
标签。用户应该能够选择一个文件(不是多个),然后我必须检查它是否是.csv,并将数据设置为JavaScript变量(字符串)以进一步处理它。JavaScript代码必须在一个单独的文件中,因此我不能将代码放在HTML文件的标记中,而是放在一个在按下按钮后调用的函数中

我尝试了php和ajax,但没有成功。我没有使用php的经验,所以我不知道出了什么问题,但我的php代码只是打印在页面上:

HTML:

<form action="upload.php" method="POST" enctype="multipart/form-data">
    <input type="file" name="file">
    <button type="submit" name="submit">UPLOAD</button>
</form>

上传
至于ajax,我使用了几个关于堆栈溢出的帖子,例如:

如果可能的话,我希望没有插件


谢谢

您是否有正在运行的web服务器?它是否安装/启用了PHP?不,我没有。我会试试的。这也解释了为什么ajax不起作用了吗?您有运行web服务器吗?它是否安装/启用了PHP?不,我没有。我会试试的。这也解释了为什么ajax不起作用吗?