Vue中读取本地图片实现预览和上传

先看效果图：

上面展示了两张从本地添加的准备上传服务器的预览图片，效果还不错吧，哈哈哈。

下面是该页面中紫色框的布局与实现代码，我想有些人也不喜欢HTML中默认的上传文件样式，实在辣眼睛：

<template>
      <div class="uploadFile">
        <!-- ul、li标签用于展示从本地添加的预览图片 -->
        <ul v-show="uploadImg.length!=0">
          <li v-for="(item,index) in uploadImg"
              :key="index"
              class="addPic">
            <img :src="item">
          </li>
        </ul>
        <input type