Vue自定义上传组件和后台

vue-upload

介绍

在做毕设时需要上传图片等功能,发现element难以对接,就自己写个一个简单的vue自定义上传组件和php后端,比较简单,功能满足即可。

链接

https://github.com/xygengcn/vue-upload

(麻烦给个小星星)

环境

  1. 需要安装axios
$ npm install axios
  1. 请把admin文件夹的upload.php地址放在服务器环境,并在参数action上填写地址

内容

参数表:

参数说明类型备注默认值
id文件idstring 必填
action上传地址stringupload.php文件地址必填
data列表初始值array可填
limit上传数量number-不限
type文件类型stringimage或fileimage
folder上传文件夹stringupload/upload/
ext文件格式array[".gif", ".jpeg", ".jpg"....]可填
size文件大小numbermb2m
autoName随机名boolean1或者01

方法表:

方法名说明参数返回值
getList获取上传列表(newVal,oldVal)array
getProgress单个文件上传进度(newVal)number