單擊按鈕如何上傳文件

Question

當用戶單擊查看按鈕時，我正在嘗試上傳我的文件，如下面的代碼所示。 我嘗試了以下代碼。 任何幫助都將受到贊賞。 謝謝。

 #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"> 

Answer 1

將文件上傳到服務器需要后端編程（例如php），並且最好進行一些JavaScript驗證。 在這種特殊情況下，CSS並不重要，因為它僅在美觀方面不會發揮作用。

您將需要創建：

1. 一個HTML表單，它將提交multipart / form-data（enctype），理想情況下是將post（方法）提交到服務器上的特定文件（操作）

2. 服務器上的文件需要后端編程（如PHP）來處理上傳的文件並將其保存在服務器上的某個位置。

3. 您必須驗證表單（JavaScript）以及發送到服務器的文件和數據（PHP），以保護自己免受惡意文件和數據的侵害。

我相信借助這些信息，您可以更好地了解如何完成任務並最終進行更具體的研究。

這是已經存在了一段時間的教程： http : //www.tizag.com/phpT/fileupload.php

祝好運。

Answer 2

您應該將輸入標簽放入這樣的表單標簽中

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

另外，您還需要php（或其他一些方式）來恢復服務器上的上傳文件。