我尝试仅使用 HTML 表单上传 CSV 文件,然后使用 PHP 和 Javascript 将其保存在数组中。
我有一些代码,它们可以作为单独的文件完美运行。虽然,当我尝试将它们合并到一个文件中时,它拒绝工作,并且 Javascript 数组最终只是警告为 null
。
我尝试仅在表单已发布时调用 PHP,然后仅在按下提交按钮时调用 Javascript。
分离版本 - 工作
HTML
<form action="yourscript.php" method="post" enctype="multipart/form-data">
<input type="file" name="upload_file" />
<input type="submit" />
</form>
Javascript 和 PHP
<?php
$csv_array = Array();
$file = fopen($_FILES['upload_file']['tmp_name'], 'r');
if($file){
while (($line = fgetcsv($file)) !== FALSE) {
//$line is an array of the csv elements
array_push($csv_array,$line);
}
fclose($file);
}
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>var your_array = <?php echo json_encode($csv_array); ?></script>
</head>
<body>
</body>
</html>
合并版本 - 无法运行
<?php
if(isset($_POST['savecsv']))
{
$csv_array = Array();
$file = fopen($_FILES['upload_file']['tmp_name'], 'r');
if($file)
{
while (($line = fgetcsv($file)) !== FALSE)
{
//$line is an array of the csv elements
array_push($csv_array,$line);
}
fclose($file);
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function saveArray()
{
var your_array = <?php echo json_encode($csv_array); ?>
alert(your_array);
}
</script>
</head>
<body>
<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<input type="file" name="upload_file" />
<input type="submit" name="savecsv" onClick="saveArray();"/>
</form>
</body>
</html>
最佳答案
失败是因为 onclick
在表单提交到服务器之前单击按钮时触发。为了使其工作,您需要将表单提交到服务器。您可以通过真实的表单提交(这将重新加载页面)来完成此操作,您可以将表单提交到 <iframe>
,或者您可以使用 AJAX 提交表单。
当然是第一次加载页面 your_array
为空,因为没有上传文件。当 onclick
触发(在提交表单之前),它只是在初始页面加载时警告此空值。
要使您当前的解决方案正常工作(重新加载整个页面),请从 PHP 代码内部触发 JavaScript,而不是 onclick
:
<?php
if (isset($csv_array)) {
$json = json_encode($csv_array);
echo <<<HTML
<script>
var your_array = $json;
alert(your_array);
</script>
HTML;
}
关于php - 如何将 PHP、Javascript 和 HTML 文档合并为一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18370967/