如何上传文件按钮点击

问题描述：

我想上传我的文件，当用户点击查看按钮，如下面的代码所示。我已经尝试了下面的代码。任何形式的帮助表示赞赏。谢谢。如何上传文件按钮点击

#myInput { 
 
    width: 50%; 
 
    padding: 12px 20px 12px 40px; 
 
    border: 1px solid #000; 
 
    display: inline-block; 
 
} 
 

 
input[type=file]::-webkit-file-upload-button { 
 
    width: 0; 
 
    padding: 0; 
 
    margin: 0; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    border: none; 
 
    border: 0px; 
 
} 
 

 
x::-webkit-file-upload-button, 
 
input[type=file]:after { 
 
    -webkit-appearance: button; 
 
    -moz-appearance: button; 
 
    border-collapse: separate; 
 
    border-radius: 7px; 
 
    -webkit-border-radius: 7px; 
 
    --moz-outline-radius: 7px; 
 
    content: 'View'; 
 
    color: #080708; 
 
    background: #e3e3e3; 
 
    text-decoration: none; 
 
    display: inline-block; 
 
    left: 100%; 
 
    margin-left: 50px; 
 
    position: relative; 
 
    padding: 10px 46px 10px 40px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" name="myInput" id="myInput">

有效的表单标签？ – rtfm

您的HTML有效，而您的CSS无关紧要。另外，我没有看到JavaScript和PHP。您需要将上传包装在'

良好的起点http://php.net/manual/en/features.file-upload.post-method.php – rtfm

答

文件上载到服务器需要后端的编程，比如PHP，例如，理想的一些JavaScript验证。在这种特殊情况下，CSS并不重要，因为它不会在任务中发挥作用，而只是为了美观。

您将需要创建：

的HTML形式，将提交的multipart/form-data的（加密类型），最好是在后（方法）到一个特定的文件服务器上的（动作）
服务器上的文件需要PHP等后端编程来处理上传的文件并将其保存在服务器的某个位置。
您必须验证您的表单（JavaScript）以及发送到服务器（PHP）的文件和数据，以保护您免受恶意文件和数据的侵害。

我相信，通过这些信息，您可以更好地了解如何完成任务并针对您的目标进行更具体的研究。

这里是一个已经存在了一段时间的教程： http://www.tizag.com/phpT/fileupload.php

好运。

答

你应该把输入标签到表单标签这样

<form action="" enctype="multipart/form-data" method="post"> 
    <input type="file" name="myInput" id="myInput"> 
    <input type="submit" value="submit"> 
</form>

还需要PHP（或其他一些），以恢复您的服务器上上传文件。

如何上传文件按钮点击

相关推荐