vue遇到的問(wèn)題

1.使用vue-cropper軟件進(jìn)行圖片裁剪時(shí),無(wú)法多次選取同一張圖片(無(wú)法觸發(fā)change事件),原因是,input框的value沒(méi)有改變,所以沒(méi)有觸發(fā):在上傳后添加 $('#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('圖片類(lèi)型必須是.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);
            },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、給element的input添加點(diǎn)擊事件無(wú)效,代碼如下: <el-input type="textarea" ...
    譚魚(yú)魚(yú)閱讀 3,422評(píng)論 0 2
  • {{index+1}}樓?{{reply.create_at.substr(0,10)}} 另一個(gè)組件中同樣使用的...
    YZY君閱讀 361評(píng)論 0 1
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,180評(píng)論 0 29
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,374評(píng)論 0 6
  • 以下內(nèi)容是我在學(xué)習(xí)和研究Vue時(shí),對(duì)Vue的特性、重點(diǎn)和注意事項(xiàng)的提取、精練和總結(jié),可以做為Vue特性的字典; 1...
    科研者閱讀 14,224評(píng)論 3 24

友情鏈接更多精彩內(nèi)容