vue遇到的问题

1.使用vue-cropper软件进行图片裁剪时,无法多次选取同一张图片(无法触发change事件),原因是,input框的value没有改变,所以没有触发:在上传后添加 $('#uploads').val('');将input框value清除,就解决了

 <label class="btn" for="uploads">上传图片</label>
                    <input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);display: flex;flex-direction: row"
                           accept="image/png, image/jpeg, image/gif, image/jpg"
                           @change="editUploadImg($event, 1)" />
editUploadImg(e, num) {
                var file = e.target.files[0];
                this.headEditVisable=true
                if (!/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/.test(e.target.value)) {
                    alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
                    return false;
                }
                var reader = new FileReader();
                reader.onload = (e) => {
                    let data;
                    if (typeof e.target.result === 'object') {

                        data = window.URL.createObjectURL(new Blob([e.target.result]));
                    } else {
                        data = e.target.result;
                    }
                    if (num === 1) {
                        this.editOption.img = data;
                    } else if (num === 2) {
                        this.example2.img = data;
                    }
                };
                reader.readAsDataURL(file);
//在上传后添加 $('#uploads').val('');将input框value清除,就解决了
                $('#uploads').val('');
                // reader.readAsArrayBuffer(file);
            },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、给element的input添加点击事件无效,代码如下: <el-input type="textarea" ...
    谭鱼鱼阅读 3,314评论 0 2
  • {{index+1}}楼•{{reply.create_at.substr(0,10)}} 另一个组件中同样使用的...
    YZY君阅读 326评论 0 1
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,252评论 0 6
  • 以下内容是我在学习和研究Vue时,对Vue的特性、重点和注意事项的提取、精练和总结,可以做为Vue特性的字典; 1...
    科研者阅读 14,162评论 3 24