前端開(kāi)發(fā)不得不了解的HTML5標(biāo)簽

TML5 元素有多種維度展示方式，常見(jiàn)以下：

1.按照類(lèi)別分類(lèi)
2.按照是否Block元素

按照類(lèi)別分：

根元素

- html 代表 HTML 或 XHTML 文檔的根。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)。
文檔元數(shù)據(jù)
head 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容。
title 定義文檔的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本，包含的標(biāo)簽不會(huì)被解釋。
base 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。
link 用于鏈接外部的 CSS 到該文檔。
meta 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。
style 用于內(nèi)聯(lián) CSS。
-
腳本
script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript。
noscript 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。
template 這個(gè)元素在 HTML5 中加入通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。
-
章節(jié)
body 代表 HTML 文檔的內(nèi)容。在文檔中只能有一個(gè) 元素。
section 這個(gè)元素在 HTML5 中加入定義文檔中的一個(gè)章節(jié)。
nav 這個(gè)元素在 HTML5 中加入定義只包含導(dǎo)航鏈接的章節(jié)。
article 這個(gè)元素在 HTML5 中加入定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。
aside 這個(gè)元素在 HTML5 中加入定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。
h1~ h6 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題，h1 是最大的標(biāo)題，h6 是最小的標(biāo)題。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。
header 這個(gè)元素在 HTML5 中加入定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄
footer 這個(gè)元素在 HTML5 中加入定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
address 定義包含聯(lián)系信息的一個(gè)章節(jié)。
main 這個(gè)元素在 HTML5 中加入定義文檔中主要或重要的內(nèi)容。
-
內(nèi)容組織
p 定義一個(gè)段落。
hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。
pre 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)，格式應(yīng)當(dāng)保留。
blockquote 代表引用自其他來(lái)源的內(nèi)容。
ol 定義一個(gè)有序列表。
ul 定義一個(gè)無(wú)序列表。
li 定義列表中的一個(gè)列表項(xiàng)。
dl 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）。
dt 代表一個(gè)由下一個(gè)
定義的術(shù)語(yǔ)。
dd 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。
figure 這個(gè)元素在 HTML5 中加入代表一個(gè)和文檔有關(guān)的圖例。
figcaption 這個(gè)元素在 HTML5 中加入代表一個(gè)圖例的說(shuō)明。
div 代表一個(gè)通用的容器，沒(méi)有特殊含義。
-
文字展示
a 代表一個(gè)鏈接到其他資源的超鏈接。
em 代表強(qiáng)調(diào) 文字。
strong 代表特別重要文字。
small 代表注釋，如免責(zé)聲明、版權(quán)聲明等，對(duì)理解文檔不重要。
s 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。
cite 代表作品標(biāo)題。
q 代表內(nèi)聯(lián)的引用。
dfn 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義。
abbr 代表省略或縮寫(xiě) ，其完整內(nèi)容在 title 屬性中。
data 這個(gè)元素在 HTML5 中加入關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式（該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）。
time 這個(gè)元素在 HTML5 中加入代表日期和時(shí)間值；機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定。
code 代表計(jì)算機(jī)代碼。
var 代表代碼中的變量。
samp 代表程序或電腦的輸出。
kbd 代表用戶(hù)輸入，一般從鍵盤(pán)輸出，但也可以代表其他輸入，如語(yǔ)音輸入。
sub,- sup 分別代表下標(biāo) 和上標(biāo) 。
i 代表一段不同性質(zhì) 的文字，如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等。
b 代表一段需要被關(guān)注的文字。
u 代表一段需要下劃線呈現(xiàn)的文本注釋?zhuān)鐦?biāo)記出拼寫(xiě)錯(cuò)誤的文字等。
mark 這個(gè)元素在 HTML5 中加入代表一段需要被高亮的引用文字。
ruby 這個(gè)元素在 HTML5 中加入代表被ruby 注釋標(biāo)記的文本，如中文漢字和它的拼音。
rt 這個(gè)元素在 HTML5 中加入代表ruby 注釋，如中文拼音。
rp 這個(gè)元素在 HTML5 中加入代表 ruby 注釋兩邊的額外插入文本，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。
bdi 這個(gè)元素在 HTML5 中加入代表需要脫離父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。
bdo 指定子元素的文本方向，顯式地覆蓋默認(rèn)的文本方向。
span 代表一段沒(méi)有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素。
br 代表?yè)Q行。
wbr 這個(gè)元素在 HTML5 中加入代表建議換行 (Word Break Opportunity) ，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。
-
文字編輯
ins 定義增加到文檔的內(nèi)容。
del 定義從文檔移除的內(nèi)容。
-
圖片等資源展示
img 代表一張圖片。
iframe 代表一個(gè)內(nèi)聯(lián)的框架。
embed 這個(gè)元素在 HTML5 中加入代表一個(gè)嵌入的外部資源，如應(yīng)用程序或交互內(nèi)容。
object 代表一個(gè)外部資源，如圖片、HTML 子文檔、插件等。
param 代表 - object 元素所指定的插件的參數(shù) 。
video 這個(gè)元素在 HTML5 中加入代表一段視頻及其視頻文件和字幕，并提供了播放視頻的用戶(hù)界面。
audio 這個(gè)元素在 HTML5 中加入代表一段聲音，或音頻流。
source 這個(gè)元素在 HTML5 中加入為 - video 或 - audio 這類(lèi)媒體元素指定媒體源。
track 這個(gè)元素在 HTML5 中加入為 - video 或 - audio 這類(lèi)媒體元素指定文本軌道（字幕）。
canvas 這個(gè)元素在 HTML5 中加入代表位圖區(qū)域，可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形，如圖表、游戲繪圖等。
map 與 - area 元素共同定義圖像映射區(qū)域。
area 與 - map 元素共同定義圖像映射區(qū)域。
svg 這個(gè)元素在 HTML5 中加入定義一個(gè)嵌入式矢量圖。
math 這個(gè)元素在 HTML5 中加入定義一段數(shù)學(xué)公式。
-
表格
table 定義多維數(shù)據(jù) 。
caption 代表表格的標(biāo)題。
colgroup 代表表格中一組單列或多列。
col 代表表格中的列。
tbody 代表表格中一塊具體數(shù)據(jù) （表格主體）。
thead 代表表格中一塊列標(biāo)簽（表頭）。
tfoot 代表表格中一塊列摘要（表尾）。
tr 代表表格中的行。
td 代表表格中的單元格。
th 代表表格中的頭部單元格。
-
表單
form 代表一個(gè)表單，由控件組成。
fieldset 代表控件組。
legend 代表 - fieldset 控件組的標(biāo)題。
label 代表表單控件的標(biāo)題。
input 代表允許用戶(hù)編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）。
button 代表按鈕。
select 代表下拉框。
datalist 這個(gè)元素在 HTML5 中加入代表提供給其他控件的一組預(yù)定義選項(xiàng) 。
optgroup 代表一個(gè)選項(xiàng)分組。
option 代表一個(gè) - select 元素或 - datalist 元素中的一個(gè)選項(xiàng)
textarea 代表多行文本框。
keygen 這個(gè)元素在 HTML5 中加入代表一個(gè)密鑰對(duì)生成器控件。
output 這個(gè)元素在 HTML5 中加入代表計(jì)算值。
progress 這個(gè)元素在 HTML5 中加入代表進(jìn)度條。
meter 這個(gè)元素在 HTML5 中加入代表滑動(dòng)條。
-
導(dǎo)航等交互元素
details 這個(gè)元素在 HTML5 中加入代表一個(gè)用戶(hù)可以(點(diǎn)擊)獲取額外信息或控件的小部件。
summary 這個(gè)元素在 HTML5 中加入代表 - details 元素的綜述或標(biāo)題。
menuitem 這個(gè)元素在 HTML5 中加入代表一個(gè)用戶(hù)可以點(diǎn)擊的菜單項(xiàng)。
menu 這個(gè)元素在 HTML5 中加入代表菜單。

按照是否Block元素分：

1.Empty Elements
area 與 map 元素共同定義圖像映射區(qū)域。
base 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。
basefont 4.0種標(biāo)簽，目前已廢棄
br 代表?yè)Q行。
col 代表表格中的列。
frame 4.0種標(biāo)簽，目前已廢棄
hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。
img 代表一張圖片。
input 代表允許用戶(hù)編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）。
isindex 4.0種標(biāo)簽，目前已廢棄
link 用于鏈接外部的 CSS 到該文檔。
meta 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。
param 代表 object 元素所指定的插件的參數(shù)
embed 代表一個(gè)嵌入的外部資源，如應(yīng)用程序或交互內(nèi)容
-
2.Block Elements
address 定義包含聯(lián)系信息的一個(gè)章節(jié)
applet 4.0種標(biāo)簽，目前已廢棄
blockquote 代表引用自其他來(lái)源的內(nèi)容。
button 代表按鈕
center 4.0種標(biāo)簽，目前已廢棄
dd 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義
del 定義從文檔移除的內(nèi)容。
dir 4.0種標(biāo)簽，目前已廢棄
div 代表一個(gè)通用的容器，沒(méi)有特殊含義
dl 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）
dt 代表一個(gè)由下一個(gè) dd 定義的術(shù)語(yǔ)
fieldset 代表控件組
form 代表一個(gè)表單，由控件組成
frameset 4.0種標(biāo)簽，目前已廢棄
hr 代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符
iframe 代表一個(gè)內(nèi)聯(lián)的框架
ins 定義增加到文檔的內(nèi)容
isindex 4.0種標(biāo)簽，目前已廢棄
li 定義列表中的一個(gè)列表項(xiàng)
map 與 area 元素共同定義圖像映射區(qū)域
menu 代表菜單
noframes
noscript 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字
object 代表一個(gè)外部資源，如圖片、HTML 子文檔、插件等
ol 定義一個(gè)有序列表
p 定義一個(gè)段落
pre 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)，格式應(yīng)當(dāng)保留
script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript
table 定義多維數(shù)據(jù)
tbody 代表表格中一塊具體數(shù)據(jù) （表格主體）
td 代表表格中的單元格
tfoot 代表表格中一塊列摘要（表尾）
th 代表表格中的頭部單元格
thead 代表表格中一塊列標(biāo)簽（表頭）
tr 代表表格中的行
ul 定義一個(gè)無(wú)序列表
-
3.Inline Elements
a 代表一個(gè)鏈接到其他資源的超鏈接
abbr 代表省略或縮寫(xiě) ，其完整內(nèi)容在 title 屬性中
acronym 4.0種標(biāo)簽，目前已廢棄
applet 4.0種標(biāo)簽，目前已廢棄
b 代表一段需要被關(guān)注的文字
basefont 4.0種標(biāo)簽，目前已廢棄
bdo 指定子元素的文本方向，顯式地覆蓋默認(rèn)的文本方向
big 4.0種標(biāo)簽，目前已廢棄
br 代表?yè)Q行
button 代表按鈕
cite 代表作品標(biāo)題
code 代表計(jì)算機(jī)代碼
del 定義從文檔移除的內(nèi)容
dfn 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義
em 代表強(qiáng)調(diào) 文字
font 4.0種標(biāo)簽，目前已廢棄
i 代表一段不同性質(zhì) 的文字，如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等
iframe 代表一個(gè)內(nèi)聯(lián)的框架
img 代表一張圖片
input 代表允許用戶(hù)編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）
ins 定義增加到文檔的內(nèi)容
kbd 4.0種標(biāo)簽，目前已廢棄
label 代表表單控件的標(biāo)題
map 與 area 元素共同定義圖像映射區(qū)域
object 代表一個(gè)外部資源，如圖片、HTML 子文檔、插件等
q 代表內(nèi)聯(lián)的引用
s 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容
samp 代表程序或電腦的輸出
script 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。默認(rèn)腳本語(yǔ)言是 JavaScript
select 代表下拉框
small 代表注釋，如免責(zé)聲明、版權(quán)聲明等，對(duì)理解文檔不重要
span 代表一段沒(méi)有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素
strike 4.0種標(biāo)簽，目前已廢棄
strong 代表特別重要文字
sub 代表下標(biāo)
sup 代表上標(biāo)
textarea 代表多行文本框
tt 4.0種標(biāo)簽，目前已廢棄
u 4.0種標(biāo)簽，目前已廢棄
var 代表代碼中的變量
-

參考文獻(xiàn)：

https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list
本文作者：前端首席體驗(yàn)師(CheongHu)
聯(lián)系郵箱：simple2012hcz@126.com
版權(quán)聲明：本文章除特別聲明外，均采用 CC BY-NC-SA 4.0 許可協(xié)議。轉(zhuǎn)載請(qǐng)注明出處！

TML DOM INPUT FILE 大文件上傳方法，HTML DOM INPUT FILE 大文件上傳技術(shù)，HTML DOM INPUT FILE 大文件上傳技巧，HTML5大文件上傳方案，HTML DOM INPUT FILE 大文件上傳組件，HTML5大文件上傳API，HTML DOM INPUT FILE 大文件上傳函數(shù)，INPUT FILE 大文件上傳教程，DOM INPUT FILE 大文件上傳源碼，HTML大文件上傳代碼，HTML大文件上傳分片，HTML大文件上傳分段，HTML大文件上傳分割，HTML大文件上傳切割，HTML大文件上傳解決方案，

現(xiàn)在chrome提供了相關(guān)的API，在HTML5中也能夠上傳文件，不過(guò)有限制，每個(gè)域名限制了5個(gè)TCP連接。用起來(lái)不是那么的舒服，也不夠靈活，當(dāng)然也能夠滿足一般的使用場(chǎng)景。不太復(fù)雜的也能夠湊合著用。

但是如果有上傳文件夾，文件夾中包含很多文件，比如1萬(wàn)或者10萬(wàn)，這種場(chǎng)景下用起來(lái)就不是那么的舒服了，如果單個(gè)文件的大小超過(guò)10G，比如20G，這種場(chǎng)景下用起來(lái)也不是特別的舒服。

還有批量下載的話HTML5的能力也有限，下是能下，但是每下一個(gè)文件就需要用戶(hù)手動(dòng)確認(rèn)一下，那比如我要下載100個(gè)文件，也需要確認(rèn)100次，用戶(hù)不太接受這種方式。

1.下載示例

https://gitee.com/xproer/up6-vue-cli

將up6組件復(fù)制到項(xiàng)目中

示例中已經(jīng)包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對(duì)應(yīng)：文件初始化，文件數(shù)據(jù)上傳，文件進(jìn)度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

參考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.處理事件

啟動(dòng)測(cè)試

啟動(dòng)成功

效果

數(shù)據(jù)庫(kù)

TML實(shí)現(xiàn)文件夾的上傳和下載，前端如何用HTML5實(shí)現(xiàn)分片上傳GB級(jí)大文件，網(wǎng)頁(yè)中實(shí)現(xiàn)文件上傳下載的三種解決方案(推薦)，HTML5實(shí)現(xiàn)文件批量上傳組件，JQUERY 實(shí)現(xiàn)文件夾上傳(保留目錄結(jié)構(gòu))，B/S大文件上傳支持?jǐn)帱c(diǎn)上傳，WebService 大文件上傳,斷點(diǎn)續(xù)傳分片，HTML+AJAX實(shí)現(xiàn)上傳大文件問(wèn)題，用HTML實(shí)現(xiàn)本地文件的上傳，HTML5實(shí)現(xiàn)大文件上傳，HTML5實(shí)現(xiàn)大文件分片上傳思路，利用HTML5分片上傳超大文件思路，

WEBUPLOADER 支持超大上G,多附件上傳，JS 大文件分割/分片上傳，

百度WEBUPLOADER上傳視頻等大文件，WEBUPLOAD組件實(shí)現(xiàn)文件上傳功能和下載功能，JS大文件切片上傳，斷點(diǎn)續(xù)傳實(shí)現(xiàn)DEMO，前端上傳大文件的解決方案，前端上傳大文件處理（切片、斷點(diǎn)續(xù)傳），前端大文件上傳優(yōu)化方案——分片上傳，vue大文件上傳解決方案，vue大文件上傳解決方案10G，vue大文件上傳解決方案50G，vue大文件上傳解決方案100G，html5如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，

java如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringBoot如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringMVC如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，SpringCloud如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，

webuploader如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，百度webuploader如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，html5實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，vue如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，前端如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，JavaScript如何實(shí)現(xiàn)大文件斷點(diǎn)續(xù)傳、秒傳，

html5大文件斷點(diǎn)續(xù)傳、秒傳解決方案，html5大文件斷點(diǎn)續(xù)傳、加密上傳解決方案，html5大文件斷點(diǎn)續(xù)傳、加密存儲(chǔ)解決方案，html5大文件斷點(diǎn)續(xù)傳分片解決方案，html5大文件斷點(diǎn)續(xù)傳分塊解決方案，html5大文件斷點(diǎn)續(xù)傳分割解決方案，html5大文件斷點(diǎn)續(xù)傳切割解決方案，

后端我們公司項(xiàng)目組選的是JAVA，因?yàn)楣居凶约旱漠a(chǎn)品，所以直接使用就行了，針對(duì)客戶(hù)需求這塊是進(jìn)行擴(kuò)展。

客戶(hù)這邊實(shí)際上要傳的文件單個(gè)大小就有50G左右，所以需要支持?jǐn)帱c(diǎn)續(xù)傳和分片上傳，并且要支持多線程上傳，能夠充分利用帶寬資源。

之前在網(wǎng)上找過(guò)相關(guān)的資料，論壇里面也有網(wǎng)友交流過(guò)，還加過(guò)很多QQ群和微信群，但是結(jié)果都不太令人滿意。

技術(shù)選型的話用的是jquery，也是一個(gè)企業(yè)內(nèi)網(wǎng)系統(tǒng)，用的是之前公司的框架，只是進(jìn)行功能擴(kuò)展

分片網(wǎng)上討論的很多，基本上全部都是用的HTML5的API，這個(gè)方案也不是不能用，但是在IE下面就不行了，兼容性差了點(diǎn)，并且也不能進(jìn)行擴(kuò)展，不能進(jìn)行二次開(kāi)發(fā)，限制性非常大，我們技術(shù)同事提的要求是需要提供產(chǎn)品完整源代碼，

網(wǎng)上的文章全部都沒(méi)有提供文件夾上傳和續(xù)傳的代碼，也沒(méi)有提供數(shù)據(jù)庫(kù)操作的代碼，

另外這塊我們是要求必須提供產(chǎn)品完整源代碼，因?yàn)楹竺嫖覀冃枰砸褋?lái)維護(hù)，同時(shí)是要求能夠自主可控的

研發(fā)部門(mén)的同事調(diào)研過(guò)百度的webuploader這個(gè)組件，發(fā)現(xiàn)他實(shí)際上就是對(duì)Flash和HTML5進(jìn)行了一個(gè)封裝，本質(zhì)還是調(diào)的HTML5的API，之前在項(xiàng)目中也用過(guò)，嘗試過(guò)，但是最終都不太滿意，一個(gè)是兼容性非常差，說(shuō)的是兼容IE，但是在IE用的是Flash，在很多用戶(hù)的電腦上用不了，卡頓崩潰發(fā)生的太頻繁，文件上傳的數(shù)量一多比如幾千個(gè)，前端頁(yè)面就開(kāi)始卡了，用戶(hù)體驗(yàn)非常差。這些問(wèn)題研發(fā)部的同事都向百度反應(yīng)過(guò)，但是百度webuploader那邊一直沒(méi)人回，基本上沒(méi)人管，領(lǐng)導(dǎo)說(shuō)要求付費(fèi)提供技術(shù)支持，那邊也是沒(méi)人回，聯(lián)系不上他們?nèi)魏稳恕?/p>

webuploader這邊連個(gè)開(kāi)發(fā)人員都聯(lián)系不到，這個(gè)是怎么回事？

用戶(hù)上傳的文件比較大，有20G左右，直接用HTML傳的話容易失敗，服務(wù)器也容易出錯(cuò)，需要分片，分塊，分割上傳。也就是將一個(gè)大的文件分成若干個(gè)小文件塊來(lái)上傳，另外就是需要實(shí)現(xiàn)秒傳功能和防重復(fù)功能，秒傳就是用戶(hù)如果上傳過(guò)這個(gè)文件，那么直接在數(shù)據(jù)庫(kù)中查找記錄就行了，不用再上傳一次，節(jié)省時(shí)間，實(shí)現(xiàn)的思路是對(duì)文件做MD5計(jì)算，將MD5值保存到數(shù)據(jù)庫(kù)，算法可以用MD5，或者CRC，或者SHA1，這個(gè)隨便哪個(gè)算法都行。

切片的話還有一點(diǎn)就是在服務(wù)器上合并，一個(gè)文件的所有分片數(shù)據(jù)上傳完后需要在服務(wù)器端進(jìn)行合并操作。

視頻教程：https://www.ixigua.com/7227314770696012322

導(dǎo)入項(xiàng)目：
導(dǎo)入到Eclipse：http://www.ncmem.com/doc/view.aspx?id=9da9c7c2b91b40b7b09768eeb282e647
導(dǎo)入到IDEA：http://www.ncmem.com/doc/view.aspx?id=9fee385dfc0742448b56679420f22162
springboot統(tǒng)一配置：http://www.ncmem.com/doc/view.aspx?id=7768eec9284b48e3abe08f032f554ea2

下載示例：

https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.40/

工程

NOSQL

NOSQL示例不需要任何配置，可以直接訪問(wèn)測(cè)試

創(chuàng)建數(shù)據(jù)表

選擇對(duì)應(yīng)的數(shù)據(jù)表腳本，這里以SQL為例

修改數(shù)據(jù)庫(kù)連接信息

訪問(wèn)頁(yè)面進(jìn)行測(cè)試

文件存儲(chǔ)路徑

up6/upload/年/月/日/guid/filename

相關(guān)問(wèn)題：
1.javax.servlet.http.HttpServlet錯(cuò)誤
2.項(xiàng)目無(wú)法發(fā)布到tomcat
3.md5計(jì)算完畢后卡住
4.服務(wù)器找不到config.json文件

相關(guān)參考：

文件保存位置

源碼工程文檔：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源碼報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版報(bào)價(jià)單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

產(chǎn)品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授權(quán)生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1

在線咨詢(xún)

上一篇：純div+css手寫(xiě)html簡(jiǎn)單小簡(jiǎn)歷
下一篇：HTML面試題

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商

前端開(kāi)發(fā)不得不了解的HTML5標(biāo)簽

按照類(lèi)別分：

按照是否Block元素分：

您的項(xiàng)目需求