下载 Vuejs上传
Vuejs上传

多部分上传Vue组件。
上传器可以选择上传多部分的文件。
这是关于最大的上传尺寸,允许你上传大文件。
如果prop multiple为真,文件列表将在选择文件时呈现,否则文件上传将在选择时开始。
它支持拖动,当文件被拖放到uploader上时,类vujs -uploader- Drag被添加到根元素中。
剩余的上传部分
对于可恢复的上传,我们需要知道哪些部分已经上传,这样我们就不用费心重新上传了。
该组件使用一个响应属性,该属性返回一组仍然需要上传的部件。
如果此属性在响应中,它将删除队列中不属于该数组的任何部分。
为了使用这个属性,它需要被格式化为meta.remainingParts。
安装
npm安装vuejs-uploader

使用
 基本
 & lt;上传端点= " http://localhost: 5000“祝辞& lt; / uploader>
 多个文件
 & lt;上传端点= " http://localhost: 5000”:多个= " true "祝辞& lt; / uploader>
 多部分上传,自定义浏览按钮使用插槽api
 & lt;上传端点= " http://localhost: 5000”:多部分= " true "比;
 & lt;按钮槽=“browse-btn”在选择File< / button>
 & lt; / uploader>& lt;上传端点= " http://localhost: 5000”:多部分= " true "比;
 src=“someimg.jpg” />
 & lt; / uploader>
 可用的道具道具
 类型
 要求
 默认的
 描述端点
 字符串
 是的服务器端发送请求
多个
 布尔允许在上传队列中添加多个文件
多部分
 布尔发送大于multipartChunkSize的文件
multipartChunkSize
 数量2097152
 以字节为单位的多部分块的大小maxUploads
 数量5
 可以添加到队列的最大文件数maxThumbWidth
 数量80
 最大宽度的预览图像创建maxThumbHeight
 数量80
 最大高度的预览图像创建接受
 字符串要接受的Mime类型
userDefinedProperties
 数组用属性和可选必需属性定义的对象数组
errorHandler
 函数传入来处理http错误的函数
头
 对象头可以添加到http请求中
禁用
 布尔假
 禁用上传槽
槽的名字
 单文件上传
 多文件上传
 描述browse-btn
 X
 X
 提供您自己的浏览按钮htmlclear-btn
X
 提供您自己的上传列表清除按钮htmlupload-btn
X
 提供您自己的上传列表上传按钮html额外的
X
 插槽添加额外的表单元素随上传一起发送演示
 为了演示上传器,您需要一个服务器,这里有一个简单的php示例
 在服务器/php中使用php的内建服务器。
 其他的例子将接踵而至。
 chmod 777服务器/上传


光盘服务器/ php
php - s localhost: 5000