jquery没有运行php

jquery not running php

本文关键字：php 运行 jquery      更新时间：2023-09-26

我找到了一些代码，可以使用$_files 上传照片

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
</head>
<form class="topmenu" action="upload_file.php" method="post" enctype="multipart/form-data" >
        <div style="display:inline-block; position:relative; top:2px;" >
            <input class="ui-btn" type="file" name="file" id="file">    
        </div>
        <div style="display:inline-block; position:relative; top:-10px;" data-role="controlgroup" data-type="horizontal" >
            <input type="submit" name="submit" value="Upload">
            <a href="logout.php" class="ui-btn" >Logout</a>
        </div>
    </form>

和在upload_file.php 中

<?php
ob_start();
// Connect to server and select databse.
$link = mysqli_connect("$host", "$username", "$password", "$db_name")or die("cannot connect"); 
$allowedExts = array("gif", "jpeg", "jpg", "png", "JPG");
if(!empty($_FILES['file']['name']))
{
    $temp = explode(".", $_FILES["file"]["name"]);
    $extension = end($temp);
    if ((($_FILES["file"]["type"] == "image/gif")
    ||($_FILES["file"]["type"] == "image/jpeg") 
    || ($_FILES["file"]["type"] == "image/jpg") 
    || ($_FILES["file"]["type"] == "image/pjpeg")
    || ($_FILES["file"]["type"] == "image/x-png")
    || ($_FILES["file"]["type"] == "image/png"))
    && ($_FILES["file"]["size"] < 20000000)
    && in_array($extension, $allowedExts))
    {
        if ($_FILES["file"]["error"] > 0) 
        {
            echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
        } 
        else 
        {
            echo "Upload: " . $_FILES["file"]["name"] . "<br>";
            echo "Type: " . $_FILES["file"]["type"] . "<br>";
            echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
            echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";
            if (file_exists("upload/" . $_FILES["file"]["name"])) 
            {
                echo $_FILES["file"]["name"] . " already exists. ";
            } 
            else 
            {
                $sql="INSERT INTO $tbl_name (name, type, size) VALUES ('" . mysqli_real_escape_string($link , $_FILES["file"]["name"]) . "','" . mysqli_real_escape_string($link , $_FILES["file"]["type"]) . "','" . mysqli_real_escape_string($link , $_FILES["file"]["size"]) . "')";
                if (!mysqli_query($link,$sql)) 
                {
                    die('Error: ' . mysqli_error($link));
                }
                move_uploaded_file($_FILES["file"]["tmp_name"],
                "upload/" . $_FILES["file"]["name"]);
                echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
            }
            header("location:main_login.php");
        }
    }
}
else
{
    if ( !empty($_SERVER['CONTENT_LENGTH']) && empty($_FILES) && empty($_POST) )
    {
        echo 'The uploaded zip was too large. You must upload a file smaller than ' . ini_get("upload_max_filesize");
    }
}
?>

但现在我已经从这里添加了Jquery Mobile ui按钮http://www.w3schools.com/jquerymobile/jquerymobile_buttons.asp现在，当我按下提交/上传时，我会进入upload_file.php，但它只是一个白色屏幕。据我所知，什么都没发生！如果我删除jquery的内容，它就会重新开始工作，但这个网站看起来有点乏味。

请关闭ajax navigation，它是jQuery Mobile的biG部分。一旦完成，一切都会好起来的。使用ajax，页面上的导航被添加到DOM中，而不是导航到。因此，表单提交不会像您期望的那样工作。

Ref: http://demos.jquerymobile.com/1.4.4/navigation/
     http://api.jquerymobile.com/global-config/
相关文章：