Vuejs上传

下载 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
提供您自己的浏览按钮html

clear-btn

X
提供您自己的上传列表清除按钮html

upload-btn

X
提供您自己的上传列表上传按钮html

额外的

X
插槽添加额外的表单元素随上传一起发送

演示
为了演示上传器，您需要一个服务器，这里有一个简单的php示例
在服务器/php中使用php的内建服务器。
其他的例子将接踵而至。
chmod 777服务器/上传
光盘服务器/ php
php - s localhost: 5000本文转载于：http://www.diyabc.com/frontweb/news33278.html