HTML input file 上傳型別控制

2021-07-25 04:19:29 字數 1986 閱讀 7365

表示可以選擇的檔案mime型別,多個mime型別用英文逗號分開,常用的mime型別見下表。

只能選擇png和gif

"fileid1"

type="file" accept="image/png,image/gif" name="file" />

是否可以選擇多個檔案,多個檔案時其value值為第乙個檔案的虛擬路徑。

多檔案上傳

"fileid2"

type="file" multiple="multiple" name="file" />

字尾名

mime名稱

*.3gpp

audio/3gpp, video/3gpp

*.ac3

audio/ac3

*.asf

allpication/vnd.ms-asf

*.au

audio/basic

*.css

text/css

*.csv

text/csv

*.doc

*.dot

*.dtd

*.dwg

image/vnd.dwg

*.dxf

image/vnd.dxf

*.gif

image/gif

*.htm

text/html

*.pot

*.ppt

*.rtf

*.svf

image/vnd.svf

*.tiff

image/tiff

*.xlc

*.xlm

*.xlw

*.xml

*.xlsx

ajax上傳的時候,需要獲得input:file選擇的檔案(可能為多個檔案),獲取其檔案列表為:

// input標籤的files屬性 

document.queryselector("#fileid").files

// 返回的是乙個檔案列表陣列

獲得的檔案列表,然後遍歷插入到表單資料當中。即:

// 獲得上傳檔案dom物件 

var ofiles = document.queryselector("#fileid");

// 例項化乙個表單資料物件

var formdata = new formdata();

// 遍歷檔案列表,插入到表單資料中

for (var i =0, file; file = ofiles[i]; i++)

獲得表單資料之後,就可以用ajax的post上傳。

// 例項化乙個ajax物件

// 傳送表單資料

xhr.send(formdata);

上傳到伺服器之後,獲取到檔案列表為:

))在服務端迴圈遍歷這個陣列就可以上傳檔案了。

git gitee上傳 github上傳

什麼是git 版本控制工具。和svn類似,但遠比svn強大的乙個版本控制系統,用於敏捷高效地處理任何或小或大的專案。新使用者進行git配置 git config global user.name yuancheng oss git config global user.email 311353391...

ossweb上傳 php PHP 檔案上傳

儲存被上傳的檔案 上面的例子在伺服器的 php 臨時資料夾建立了乙個被上傳檔案的臨時副本。這個臨時的複製檔案會在指令碼結束時消失。要儲存被上傳的檔案,我們需要把它拷貝到另外的位置 if files file type image gif files file type image jpeg file...

spring mvc檔案上傳與批量上傳

1.匯入新增的jar包 commons fileupload 1.3.1.jar commons io 2.4.jar 2.配置spring mvc檔案上傳解析器 class org.springframework.web.multipart.commons.commonsmultipartreso...