在這次的一個小項目中用到了文件的上傳，在之前我對form表單的認知還只是發送用戶名和密碼。行吧，既然用到了那就硬著頭皮上咯。

使用

首先文件的上傳需要一個type=file的input。它的意義就是上傳文件，圖片，音頻，視頻都可以用 它來上傳。具體來說說它是怎么用的吧：

首先肯定是先放入這個input：

我只是寫了這個，其他什么都沒有加，這個時候運行起來就看到頁面上已經有了這個：

這個按鈕就是這個屬性自帶的，點擊即可上傳需要的文件，后面的文字會在上傳后變為你上傳的文件信息，這就是簡單的使用了。

input限制上傳文件

在想上傳文件的時候，有時候需要限制上傳的文件類型。type=file的input里面還有一個accept屬性，可以用它來限制文件的上傳，只需要在這個屬性的后面跟上需要上傳的類型即可，如圖

這些文件的格式都可以在mime表上查找到，找到需要的就寫上去就行了

這種限制方式是在根源上限制住了，點擊上傳就不會顯示限制之外的文件。

除了這種方式之外，使用js驗證上傳文件的后綴名也是常用的一個方法，type=file的input里面的value值就是上傳的文件的信息，可以通過正則來驗證該信息。下面是我驗證指定視頻文件的函數，可以參照一下：

原作者姓名：恰好小朋友
原出處：CSDN
原文鏈接：form表單的input上傳文件_恰好小朋友的博客-CSDN博客

總結

以上是生活随笔為你收集整理的获取当前按钮所在行的input_form表单的input上传文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。