我正试图只上传一个CSV文件,使用HTML表单,然后使用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;
}
真的吗?您可以将整个html表单放入一个变量中,然后当用户访问页面时,php会检查表单是否已提交。如果提交了它,它什么也不做,而是将其余部分留给javascript。如果未提交,它将显示变量中的表单,并停止脚本的执行。这样,你就不必去除onclick或所有其他很酷的东西。
<html>
<?php $form=<form>...</form>;
if (!isset($_GET['submit']))
{die ("$form");}
<script>...</script>
</html>
这样,除非提交表单,否则不会执行您的javascript。