TML5 文件上传下载的实例代码，WEBUPLOADER之大文件分段上传、断点续传，HTML DOM INPUT FILE 大文件上传源代码，B/S大附件上传，支持断点续传，VUE处理文件流实现上传下载，VUE 上传大型文件插件(VUE上传视频插件)

之前在网上也搜索过相关的资料，在论坛里面也与网络交流过，但是给出的方案都不太令人满意。一方面论坛里面的网页都没有真实的项目经验。几乎大部分的网页都是在纸上谈兵，很多问题完全是凭想象在回答。也不能够提供真实案例，基本上都没有项目的实战经验。

甚至有些学生也在里面不知道从哪里复制的一些代码然后粘贴在上面。

后端PHP5,PHP6,PHP7,PHP8，ThinkPHP，

服务器支持Linux，Windows,macOS,CentOS,中标麒麟，银河麒麟，统信，龙芯，华为鲲鹏，

数据库支持MySQL，达梦数据库，人大金仓

需要提供前端源码，后端源码，控件源码

需要提供7*24小时技术支持，长期技术支持，长期维护服务

需要提供手机，QQ，微信，企业微信，电子邮箱等联系方式

需要支持包含IE在内的全部浏览器

终端需要支持Windows,macOS,Linux,信创国产化环境，中标麒麟，银河麒麟，统信UOS，龙芯，华为

功能需要支持10G，50G,100G大文件上传和断点续传，刷新续传，重启续传

文件夹包含1W，10W，100W个文件和层级结构

支持超大文件分片，分段，分块，分割上传下载，断点续传

支持文件夹上传，下载断点续传，支持文件夹层级结构，层级结构信息保存到数据库，下载的时候同样保留层级结构

支持加密上传，下载加密，端到端加密，国密SM4加密算法，数据加密传输，传输过程中要保证数据是加密的。1.下载示例

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

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

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

3.处理事件

启动测试

启动成功

效果

数据库

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

源码报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

控件源码下载：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

一章html常用标签

1.HBuilder的使用

项目管理器找不到怎么办？

答：快捷键F9,或者视图--》显示视图--》项目管理器

如何预览自己的项目？

答：ctrl+p预览与编辑进行切换

如何修改HBuilder的编码方式？

答：工具-》选项-》常规-》工作空间-》编码方式设置

2. HBuilder的建立项目

3. 什么是网页？什么是网站？什么是静态网页？什么是动态网页？

4. 网页和浏览器的关系

5. 网页的基本结构

注意：标签写的时候，不注意区分大小写；

标签都是成对出现，开始标签，闭合结束标签；

6. head具体讲解

title是网页的标题

使用记事本：

最常见的两种：ANSII（Windows系统里的中文编码） gb2312 utf-8

注意：用什么编码方式写的就用编码方式呈现；

7. 常用的标签

标题标签

<h1>--<h6>

段落标签<p></p>

换行标签<br/>

格式化标签<center>

<ol>[order list]:type可以改变序列编号 1 a I

<li>[list item]

<ul>[unorder list] :type =" circle（空心的圆圈） square（实心的方块） disc（实心的圆圈）"

<dl><dt></dt><dd></dd></dl> :<dl>-->description list--》自定义格式标签 <dt> title <dd>description

<pre>-->预定义格式标签 就是在源码里是什么格式在页面显示的就是什么格式

分割线<hr>

文本标签：

格式：加粗b-->bold 倾斜i-->italic 下划线u-->underline 上标sup-->superscript 下标 sub-->subscript

文字 <font size="" face="" color=""></font>

图像标签

图片格式：bmp--》windows位图，用于电脑墙纸

GIF--》动图

jpeg或jpg--》最常用的图片格式，网络支持，文件尺寸小，下载速度块

png--》支持性不强

<img src=”” width=”” height=”” align=””/>

src-->这是相对路径

相对路径：目标相对于当前文件的路径；

绝对路径就是包含盘符的就是绝对路径；

相对路径就是相对于html文件的路径；

width--》宽度 height--》高度

align--》用来控制带有文字包围的图像的对齐方式

left right bottom Middle top

例子

超链接标签

超链接到某个网站地址；

超链接到某个页面；

超链接到某个锚点：本页面锚点 跨页面锚点

第二章 表格与表单

1. 表格的作用

整齐的在页面上显示各个元素；同时可以固定页面元素的位置；

2. 表单的作用

网页上的注册，就是通过表单元素的提交，把用户的基本信息保存到数据库里，下次用户登陆的时候，可以从数据库里拿出用户信息，然后进行比较，如果比较相等则登陆成功，如果比较发现不相等则说明该用户还么有注册，则需要注册后再登陆；

这也就是交互性

3. 表格

(1) 表格的基本结构

根标签--》><table></table>

行标签-->tr【table row】标签必须放在根标签里<table>里面，有几行就有几对tr标签；

单元格标签--》td【table data】该表格有几列，就有几对td,注意td一定要放在tr里面

标题--》caption，注意必须紧挨着table标签，一个表格只有一个caption标签

表头--》th【table head】加粗并且居中

(2) 表格的属性

宽--》width

高--》height

边框--》border

背景图片--》background

背景颜色--》bgcolor

居中-->align left right center注意：如果设置在table标签上，则是表格的对齐方式，如果设置在tr，td上则是文本的对齐方式

单元格的背景可以覆盖掉行的背景覆盖掉表格的背景

(3) 跨多行跨多列

跨多列：colspan

跨多行：rowspan

(4) 表格的嵌套

4. 表单

表单的结构

<form></form>

form标签的属性

action：填写的是该表单填写完毕后要提交的目的地；

method:get/post: get方式能够把要提交的内容显示到URL后面；

post方式不可以把提交的内容显示到URL的后面，所以说更加安全；

method-》方式，方法；表单提交的是什么；常用的form表单元素

1. 单行文本框：

<input type="text" name="" value="" size="" maxlength=""/>

type-->指定具体是什么元素；

name-->指定该元素的名字，用来区别提交的信息；

value-->用来指定初始默认的值；

size-->用来指定文本框显示字符的长度；比如说size = 5 代表最多显示5个字符；

maxlength->用来指定最多能输入多少个；比如说maxlength = 4代表最多只能输入4个字符

2. 密码框

<input type="password" name="password"/>

3. 多行文本框

<textarea cols="" rows="" name=""></textarea>

rows-->指定高度；cols-->指定宽度；col->column 列越多越宽，行越多越高；

4. 单选按钮

注意：

单选按钮是一组相互排斥的值

单选按钮的name必须一样；

当我选中男的时候，提交给服务器的就是sex = '男'（value）

5. 复选框

<input type="checkbox" name="hobby" value="swim" />游泳

<input type="checkbox" name="hobby" value="read" checked=‘checked’ />读书

<input type="checkbox" name="hobby" value="sleep" />睡觉

<input type="checkbox" name="hobby" value="playgame" />玩游戏

<input type="checkbox" name="hobby" value="run" />跑步

<input type="checkbox" name="hobby" value="shopping" />购物

复选框的name也必须一样；提交给服务器的是选中的复选框的value值；

6. 下拉列表框

<select name="edu">

<option value="初中">初中</option>

<option value="高中">高中</option>

<option value="大学">大学</option>

</select>

select提交的值就是选中的复选框的value值

7. 文件域

<input type="file" />

8. 按钮

<input type="submit" value="提交" />提交按钮本身自带提交动作；

<input type="reset" value="重置" />本身自带重置的动作；

<input type=”button” value=”普通按钮”/>普通按钮不带有任何动作；

<input type="image" src="img/timg2.jpg"/>图片按钮也具有提交的功能；对value没有任何效果；