下载 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