Bootstrap

vue vant van-uploader 图片上传相关问题


            <van-uploader
               accept="image/png"
              :after-read="file => checkImg(file, 'logo')"
              style="width:239px;height:239px"
              :disabled="type === '3'"
            >
              <img
                :src="goodsHeadImg + '?' + new Date()"
                class="block"
                style="width:239px; height:239px"
              />
            </van-uploader>

 1.文件上传完毕后会触发 after-read 回调函数,获取到对应的 file 对象

若想after-read传递更多参数,可写成:after-read="file => checkImg(file, 'logo')这种格式

2.accept接受文件类型(accept="image/png"为只接受png格式文件)

3.:src=""绑定上传图片url 若修改同名文件后,页面未重新渲染图片,可给url加上时间戳

;