[Javascript] Croppie 初始後再換圖片

2016-08-26

之前文章提到了 如何使用 Croppie 做圖片裁切,今天要筆記一下如何,在 Init 後置換圖片,因為其實這蠻常用到的,這剛好也有朋友問我,我查了一下文件才知道,原本我以為要用destory 後來發現重新bind 就好
image3
原本 init 資料 :

var corp1 ;
$(document).ready(function () {
            corp1 = $('.demo1').croppie({
 
                // url 為圖片位置
                                    url: 'http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png'
                         });
        });

這時候用一個變數corp1 抓住 coppie 初始後的物件實體,這時候使用bind 更改網址

 
                    corp1.croppie('bind', {
                        url: '更換後的圖片網址'
                    });

這樣就可以做到初始後更改網址,很簡單吧 :)


當麻許的超技八 2014 | Donma Hsu Design.