溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html怎么實(shí)現(xiàn)目錄上傳

發(fā)布時(shí)間:2022-03-14 14:29:04 來源:億速云 閱讀:482 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章給大家分享的是有關(guān)html怎么實(shí)現(xiàn)目錄上傳的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。

怎么上傳目錄上傳?

我們可以上傳整個(gè)目錄嗎?嗯,這是可能的,但有一些限制。有一個(gè)叫做webkitdirectory的非標(biāo)準(zhǔn)屬性(目前只有谷歌瀏覽器還有Microsoft Edge支持按照文件夾進(jìn)行上傳),它允許我們上傳整個(gè)目錄。

目前只有谷歌瀏覽器還有Microsoft Edge支持按照文件夾進(jìn)行上傳,具體可以看下百度云盤的網(wǎng)頁(yè)版的上傳按鈕,在火狐下就支持按照文件進(jìn)行上傳,而在谷歌和Edge下,就會(huì)給用戶提供一個(gè)下拉,讓用戶選擇是根據(jù)文件進(jìn)行上傳還是根據(jù)文件夾進(jìn)行上傳。
<input type="file" id="file-uploader" webkitdirectory />

用戶必須需要確認(rèn)才能上傳目錄

html怎么實(shí)現(xiàn)目錄上傳

用戶單擊“上傳”按鈕后,就會(huì)進(jìn)行上傳。 這里要注意的重要一點(diǎn)。 FileList數(shù)組將以平面結(jié)構(gòu)的形式包含有關(guān)上載目錄中所有文件的信息。 對(duì)于每個(gè)File對(duì)象,webkitRelativePath屬性表示目錄路徑。

例如,上傳一個(gè)主目錄及其下的其他文件夾和文件:

html怎么實(shí)現(xiàn)目錄上傳

現(xiàn)在,F(xiàn)ile 對(duì)象將將webkitRelativePath填充為:

html怎么實(shí)現(xiàn)目錄上傳

感謝各位的閱讀!關(guān)于“html怎么實(shí)現(xiàn)目錄上傳”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI