vue选择本地文件或者Ctrl+v粘贴截图上传

vue选择本地文件或者Ctrl+v粘贴截图上传

场景：因为最近项目里要求用户上传本地图片，并且既可以从本地选取，也可以直接粘贴截图，所以就研究了一下，顺便分享给大家。

1. html部分

<div style="margin: 15px 0px 15px;">
              <div>
                <div class="choose-localImg">
                  选择凭证
                  <input ref="InputFile" class="file-ipt" type="file" name="files" accept="image/*" @change="chooseRecoverLocal($event)">
                </div>
                <div class="img-paste" @paste="handlePaste">
                  将图片按Ctrl+V 粘贴至此处
                </div>
                <div v-for="(item,index) in payImageList" :key="index" style="margin-top: 10px;">
                  <div style="position: relative;width: 60%;margin: auto;">
                    <div class="remove-img" @click="removePayImage(index)">X</div>
                    <img style="width:100%" :src="baseUrl + item">
                  </div>

                </div>
                <!--<img v-if<