I’v working on a solution where I have split the work flow of uploadcare to 2 section where, first user will use the file uploader to upload images and then the images are loaded to the webpage. Then from the webpage when user click on an image it should load the upload care tab effects. At the moment it loads the widget but no effects.
HTML Element <input type="hidden" id="crop-box" name="crop-box" data-single data-tabs="" data-images-only data-effects="crop,rotate,enhance,sharp,grayscale" />
Here is the JS code
var singleWidget = uploadcare.SingleWidget('[id=crop-box]');
uploadcare.registerTab('preview', uploadcareTabEffects);
singleWidget.value($(this).find('img').attr('src'));
singleWidget.openDialog();
Any ideas how can I load tab effects on this singleWidget widget instance?
Have you installed the EffectsTab library? If so, are you getting any errors/warnings in the console? Can you share your code with Codepen or Codesandbox so we can check it live?
would you be able to tell me whats wrong with the above URL and how should I build it for it to work with any effect applied and also have the overlay applied?
Really appreciate your help.
Thanks!
Reagrds
Thanura
