Question

如果我提交隐藏文件如何访问<input type="hidden">代码file name和文件的其他属性。

我主要使用Node.js在服务器上拖放文件。如果我得到一个文件，我可以在输入文件标签上设置此文件。如果我可以在输入文件标签上设置此文件动态，我将解决此问题。

Answer 1

要在表单提交后从输入类型获取值，请参考以下示例 -

  <form action="successfulbooking.php" method="post">
        <input type="hidden" name="date" value="hidden_value">  
        <input type="submit" value="Submit Form">
    </form>

successfulbooking.php

<?php
        $date = $_POST['date'];
        // add code here
    ?>

Answer 2

我认为这可以通过添加普通输入文件来实现它的不透明度，并在其下添加图层包含您自己的文本或图像，因为这样可以工作，当您提交表单时，它将起作用

<html><head>
<style>
.inputFile{
opacity:0;
}

.inputFile:before{
content:"Drag and drop file here";
position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
</style>
</head>
<body>
<form>
<div style="
    background-image: url(&quot;download.jpg&quot;);
    width: 200px;
    height: 200px;
    position: relative;
">

<input class="inputFile" type="file" style="
    position: absolute;
    top: 95px;
    left: 32px;
    /* z-index: -1; */
    opacity: 0;
">
</div>

</form>


</body></html>

如何从输入类型访问文件名和其他属性被隐藏

2 个答案: