在這次的一個(gè)小項(xiàng)目中用到了文件的上傳，在之前我對(duì)form表單的認(rèn)知還只是發(fā)送用戶名和密碼。行吧，既然用到了那就硬著頭皮上咯。

使用

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

首先肯定是先放入這個(gè)input：

我只是寫(xiě)了這個(gè)，其他什么都沒(méi)有加，這個(gè)時(shí)候運(yùn)行起來(lái)就看到頁(yè)面上已經(jīng)有了這個(gè)：

這個(gè)按鈕就是這個(gè)屬性自帶的，點(diǎn)擊即可上傳需要的文件，后面的文字會(huì)在上傳后變?yōu)槟闵蟼鞯奈募畔?#xff0c;這就是簡(jiǎn)單的使用了。

input限制上傳文件

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

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

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

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。