php - 文件上传按钮在翻转卡上不起作用-6ren

php - 文件上传按钮在翻转卡上不起作用

转载作者：行者123 更新时间：2023-12-05 07:03:19

28

4

我已经完成了 html 和 PHP 代码的文件 uploader 按钮，但是当我尝试测试它以查看它是否可以在浏览器中工作时，我从文件夹中选择了一个图像，然后我选择了我选择的任何图像“提交”翻页卡上什么都没有出现，我不确定为什么什么都没有出现

<!--flip card code.-->
      <html>
                
               <head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
 body {
  font-family: Arial, Helvetica, sans-serif;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}
</style>
</head>
<body>
<h1>Card Flip with Text</h1>
<h3>Hover over the image below:</h3>
<div class="flip-card">
  <div class="flip-card-inner">
     <div class="flip-card-front">
      </div>
      <div class="flip-card-back">                                 
      </div>
</div>
</div>
</body>
</html>
                <!--Flip card code-->
                                

                                <!-- File uploader button code-->
<html>
<body>

<form action="action_page.php" method="post" enctype="multipart/form-data">
  Select image to upload:
    <input type="file" name="file"> 
    <button type="submit" name="submit">UPLOAD</button>
</form>

</body>
</html>

<!--action_page.php code-->

<?php
if(isset($_POST["submit"])) {
    $file = $_FILES['file'];
    
    $fileName = $_FILES['file']['name'];
    $fileTmpName = $_FILES['file']['tmp_name'];
    $fileSize = $_FILES['file']['size'];
    $fileError = $_FILES['file']['error'];
    $fileType = $_FILES['file']['type'];
    
    $fileExt = explode('.', $fileName);
    $fileActualExt = strtolower(end($fileExt));
    
    $allowed = array('jpg', 'jpeg', 'png', 'pdf');
    
    if (in_array($fileActualExt, $allowed)){
        if ($fileError === 0){
            if($fileSize < 100000){
                $fileNameNew = uniqid('', true).".".$fileActualExt;
                fileActualExt;
                $fileDestination = 'uploads/'.$fileNameNew;
                move_uploaded_file(fileTmpName, $fileDestination);
                header("Location: index.php?uploadsuccess");
                
            } else {
                echo "Your file is too big!";
            }
            
        } else {
            echo "There was an error uploading your file";   
        }
        
    } else { 
        echo "You cannot upload files of this type!";
    }
}
?>

<!-- The core Firebase JS SDK is always required and must be listed first -->
                <script src="/__/firebase/7.14.2/firebase-app.js"></script> <!--specifies the URL of an external script file-->
                
                <!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
                
                <script src="/__/firebase/7.14.2/firebase-analytics.js"></script> <!--specifies the URL of an external script file-->
                
                <!-- Initialize Firebase -->
                <script src="/__/firebase/init.js"></script> <!--specifies the URL of an external script file-->
                <script type="text/javascript" src="cordova.js"></script> <!--specifies the media type of the script-->
                <script type="text/javascript" src="js/index.js"></script> <!--specifies the media type of the script--></body>
        </html>

最佳答案

除了“fileActualExt”之外一切都很好!查看您忘记连接实际扩展名的 $fileNameNew。相反，您编写的 fileActualExt 就像一个常量。

正确的代码是$fileNameNew = uniqid('', true).".".$fileActualExt;

不要忘记在 action_page.php 文件所在的目录中创建 uploads 文件夹。

<?php
if(isset($_POST["submit"])) {
    $file = $_FILES['file'];
    
    $fileName = $_FILES['file']['name'];
    $fileTmpName = $_FILES['file']['tmp_name'];
    $fileSize = $_FILES['file']['size'];
    $fileError = $_FILES['file']['error'];
    $fileType = $_FILES['file']['type'];
    
    $fileExt = explode('.', $fileName);
    $fileActualExt = strtolower(end($fileExt));
    
    $allowed = array('jpg', 'jpeg', 'png', 'pdf');
    
    if (in_array($fileActualExt, $allowed)){
        if ($fileError === 0){
            if($fileSize < 100000){
                $fileNameNew = uniqid('', true).".".$fileActualExt; // concatination of uniqueid and fileActualExt
                $fileDestination = 'uploads/'.$fileNameNew;
                move_uploaded_file($fileTmpName, $fileDestination);
                header("Location: index.php?uploadsuccess");
                
            } else {
                echo "Your file is too big!";
            }
            
        } else {
            echo "There was an error uploading your file";   
        }
        
    } else { 
        echo "You cannot upload files of this type!";
    }
}
?>

关于php - 文件上传按钮在翻转卡上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63269712/

28

4

0

文章推荐： reactjs - 确定派发返回值的类型

文章推荐： java - 数组是复合数据类型，但是如何呢？

文章推荐： css - Angular ngx-bootstrap - 如何制作一个又大又宽的模态

R:沿列的条件累积总和/翻转
我有一个数据集，我试图在其中探索将变量限制在给定值并将超出的部分滚动到后续间隔的影响。我可以从概念上看到一些方法可以使用 cumsum() 来做到这一点。或类似的，但正在努力了解如何以合乎逻辑的方式实
iPhone - 翻转 UIImage
我正在开发一个使用 iPhone 前置摄像头的应用程序。当使用该相机拍摄图像时，iPhone 会水平扭曲图像。我想将其镜像回来，以便能够保存它并按照在 iPhone 屏幕上看到的方式显示它。我读了很
jQuery DIV 翻转
这是 HTML // stuff here Order /
Javascript Div 翻转
我正在使用 Jquery - 是否有一种简单的方法可以在用户滑过 div 时更改它的背景颜色？最佳答案你可以用 CSS 做到这一点: #myDiv:hover { background-color
Javascript 翻转/镜像图像
有谁知道是否可以翻转图像并在其背面显示内容。这就是我的意思:想象一下你手里拿着一张肖像。然后你翻转并查看肖像的背面，背面有文字。我正在寻找类似的东西，单击图像将镜像/翻转到另一侧，上面有文字。不可90
CSS 翻转 - 悬停问题？
我在翻车方面遇到了一些麻烦..希望你能帮助我! 我正在使用 li 导航，我希望有单独的框链接到不同的页面。这部分很好，可以正常工作。我希望能够将鼠标悬停在框上并让框和链接改变颜色。我可以毫无问题地改变
javascript - 为什么图像文件输入会横向显示(翻转)？
所以我目前在 Vuejs 中有一个组件，用户可以在其中从他们的本地文件系统中选择一个文件。用户选择图片后，图片会在 div 中预览 codesandbox .出于某种原因，某些图像会自动“翻转”到侧面
CSS 翻转 - 背景图像不会居中
我有一个滚动顶部菜单。我正在尝试获取它，以便我的背景图像 (17px x 13px) 悬停在中央。我已经尝试了所有背景 css 属性，但似乎没有任何效果。我是不是用错了方法？这是我的 CSS: #n
CSS 翻转 Sprite
我以前用过这个效果，一切正常(据我所知)，但就是不行。我错过了什么？ Fiddle here Sprite here 谢谢。最佳答案由于您的 Sprite 是水平排列的，因此您需要像这样偏移悬停状
clojure - 翻转 "->"语句中的参数
代码后面的代码不起作用，因为重新查找接受字符串作为第一个参数，正则表达式作为第二个参数。 (-> "hello" .toUpperCase (re-find #".$")) 如果我像这
ios - 翻转 UILabel
我想使用 CABasicAnimation 翻转 UILabel。动画将永远重复，并将在两个不同值之间更改 UILabel 的文本。 - (void)animateLabel { [self
c# - 翻转/镜像图像
旋转 WPF 图像非常简单 imgCurrent.LayoutTransform = new RotateTransform(_rotationAngle); 水平和垂直镜像呢？机外: In GDI
Android 动画 - 翻转
我需要创建一个动画 - 翻转一个 View 并显示另一个。当前显示的 View 的宽度慢慢减小到零，之后要显示的 View 的宽度必须从零开始增加。在此期间，高度从当前显示的高度变为略微降低的高度
rust - 翻转 boolean 值的最快方法
我正在尝试找到翻转 Rust 中 boolean 值的最快方法？即 false => true true => false 对于我的应用程序，我不关心 boolean 值的当前值，只关心它被翻转了。对
jsf - 翻转 dataTable primefaces
是否可以翻转 primefaces 中的数据表，以使标题位于左侧而不是顶部？我有下表: 如您所见
iphone - 翻转 View 时出现问题
我在翻转 View 时遇到了一些问题。我的 View Controller 中有以下代码: - (void)loadFlipsideViewController { ProblemViewFl
iPhone - 翻转 View 显示白色背景
我正在使用翻转动画在 View Controller 中的两个 View 之间制作动画。问题是动画发生时背景显示白色空白背景。我想显示黑色背景。我尝试在 IB 和代码中将主视图的背景颜色设置为黑色。
iphone - 翻转 View iPhone
请考虑下面的代码，并告诉我我做错了什么。我想在两个 UIView 之间切换。不知何故，当我从初始 View 翻转时，我只是得到翻转的 View ，没有动画。当我向后翻转时，动画显示得很好。翻转是
ios - 翻转 NSScrollView 问题
我有一个 NSScrollView，需要在其中显示可变数量的 NSView。我制作了一个自定义 NSView，它的 isFlipped 返回 YES 并将我的 NSView 放入其中，然后将其设置为
macos - 翻转 NSView 鼠标坐标
我有一个 NSView 的子类，它重新实现了许多鼠标事件函数。例如，在 mouseDown 中从我使用的 NSEvent 获取点: NSEvent *theEvent; // <- argument

首页

博学

6Ren·AI

商城

php - 文件上传按钮在翻转卡上不起作用