Destroy pro konkrétní foto – jCrop, ořezáváním fotek

8. 5. 2014 12:11:30

Zdravím,

máte někdo zkušenosti s javascriptem jCrop na ořezávání fotek? Konkrétně mám 2 file inputy a u obou je přiřazen tento JS. Potřeboval bych při vybrání obrázků pro oba inputy a následné výměně obrázku spustit api destroy jen pro konkrétní file input.

Ukázka JS kódu:

if (typeof jcrop_api != 'undefined') {
                    jcrop_api.destroy();
                    jcrop_api = null;
                    $('#'+id_img).width(oImage.naturalWidth);
                    $('#'+id_img).height(oImage.naturalHeight);
                }

setTimeout(function(){
                    // initialize Jcrop
                    $('#'+id_img).Jcrop({
                        allowSelect: false,
                        boxWidth: width_img, 
                        boxHeight: height_img,
                        bgColor:     'black',
                        bgOpacity:   .4,
                        setSelect:   ,
                        aspectRatio: width_img / height_img,
                        minSize:,
                        onChange: function (c) {
                                    $('#'+error+' #'+error+'-x1').val(c.x);
                                    $('#'+error+' #'+error+'-y1').val(c.y);
                                    $('#'+error+' #'+error+'-x2').val(c.x2);
                                    $('#'+error+' #'+error+'-y2').val(c.y2);
                                    $('#'+error+' #'+error+'-w').val(c.w);
                                    $('#'+error+' #'+error+'-h').val(c.h);
                                },
                        onSelect: function (c) {
                                    $('#'+error+' #'+error+'-x1').val(c.x);
                                    $('#'+error+' #'+error+'-y1').val(c.y);
                                    $('#'+error+' #'+error+'-x2').val(c.x2);
                                    $('#'+error+' #'+error+'-y2').val(c.y2);
                                    $('#'+error+' #'+error+'-w').val(c.w);
                                    $('#'+error+' #'+error+'-h').val(c.h);
                                },
                        onRelease: function (c) {
                                    $('#'+error+' .info #'+error+'-w').val('');
                                    $('#'+error+' .info #'+error+'-h').val('');
                                }
                    }, function(){

// use the Jcrop API to get the real image size
                        var bounds = this.getBounds();
                        boundx = bounds;
                        boundy = bounds;

// Store the Jcrop API in the jcrop_api variable
                        jcrop_api = this;
                    });
                },100);

Zkusí mi s tím někdo poradit? díky :)

8. 5. 2014 12:11:30

https://webtrh.cz/diskuse/destroy-pro-konkretni-foto-jcrop-orezavanim-fotek/#reply1021621

Tomáš Báňa

(12 hodnocení)

8. 5. 2014 15:05:27

Hele zkus spíše popsat čeho chceš dosáhnout, pak se snáze nejde řešení.

8. 5. 2014 15:05:27

https://webtrh.cz/diskuse/destroy-pro-konkretni-foto-jcrop-orezavanim-fotek/#reply1021620

David Flídr

(22 hodnocení)

8. 5. 2014 18:59:41

Mám dva file inputy. Do jednoho dám obrázek, nahraje se Jcrop ($('#'+id_img).Jcrop), do druhého dám obrázek a u prvního se vypne jcrop jelikož už není podmínka undefined (if (typeof jcrop_api != 'undefined')), potřeboval bych to nějak vymyslet, aby fungovali oba inputy nezávisle na sobě. Tohle je dělané na jeden input (když chci měnit fotky, tak se to vždy znovy inicializuje), proto ta podmínka, potřebuji to prostě nějak upravit aby to fungovalo na 2 inputy:) zde je původní řešení http://www.script-tutorials.com/html5-image-uploader-with-jcrop/

8. 5. 2014 18:59:41

https://webtrh.cz/diskuse/destroy-pro-konkretni-foto-jcrop-orezavanim-fotek/#reply1021619

Pro odpověď se přihlašte.

Přihlásit