Vuetify中文件上传组件

1.示例：

1.1.单图片上传：

        <v-upload
          v-model="brand.image" 
          url="/item/upload" 
          :multiple="false" 
          :pic-width="150" 
          :pic-height="150"
        />

上传前：

上传后：

1.2.多图片上传

示例：

<v-upload
          v-model="brand.image" 
          url="/item/upload"
          />

效果：

2.属性列表：

属性名	说明	数据类型	默认值
url	上传文件的目标路径	String	无
value	上传成功的返回结果	单图片上传是String。多图片上传是String数组	无
multiple	是否运行多图片上传	Boolean	true
picWidth	单图片上传后的预览宽度	Number	150
picHeight	单图片上传后的预览高度	Number	150

3.说明

可以通过v-model双向绑定，来获取图片上传的结果：

• 单图片上传时，value值是一个图片地址
• 多图片上传时，value值是一个图片地址数组
• 文件上传的参数名是：file
• 文件上传的返回值，就是图片的url路径