Advice for crop/resize/zoom/move/upload image control

[itg-assistant]

Ser Gar asked 2017-12-06 15:49:53 UTC

Any advice to start coding a one click friendly crop/resize/zoom/move/upload image control/extrension, maybe through any advice of JavaScript plugin.
User could select an image on picturebox click, then crop/resize/zoom/move in a preview, and finally upload to server.
Thanks in advance!

Something like

jquery cropper
https://fengyuanchen.github.io/cropper/

jquery rcrop
https://rawgit.com/aewebsolutions/rcrop/master/demos/advanced.html

[itg-assistant]

Luca answered 2017-12-06 16:15:21 UTC

This one https://mattketmo.github.io/darkroomjs/ seems to be simple.

There are many.

[itg-assistant]

Matthew Ferry answered 2017-12-08 02:58:23 UTC

That would be an awesome extension.

[itg-assistant]

Cristian Zerbinati answered 2018-03-16 20:50:57 UTC

I'm interessed me too, for a small tutorial how import darkroom javascript

thank you

Cristian

[itg-assistant]

Cristian Zerbinati answered 2018-03-18 11:10:04 UTC

I have created a widget and import the js, but I don't understant how create the inizializzation script

Cristian

[itg-assistant]

Luca answered 2018-03-20 21:03:22 UTC

The attached sample shows how to use Wisej.Web.Widget and events back from the client. It's very simple. You can extend it and turn it into a class. Look at similar extensions in /extensions.

[itg-assistant]

Cristian Zerbinati answered 2018-03-21 20:14:30 UTC

Thank you Luca! I’m learing a lot!!!
Cristian

[itg-assistant]

Cristian Zerbinati answered 2018-03-22 13:45:07 UTC

Hi,

I'm try to convert it to extension, but I'm doing something wrong.

I have uncomment <Assembly: WisejResources>

I add the resources, I have verify with reflector and the file .js and .css are embedded

but for example the GetResourceString don't read the resource

I'm doing something wrong.

can you help?

thanks

Cristian

[itg-assistant]

Frank (ITG) answered 2018-03-22 19:26:47 UTC

Probably related to the VB.NET compiler handling resources.

See here: http://wisej.com/support/question/allow-html-in-form-text

Hope that helps.

Best regards
Frank

[itg-assistant]

Cristian Zerbinati answered 2018-03-22 20:35:52 UTC

yes Frank, the problem of embededd resources is solved, it was the VB.NET that do not consider the folder. thank you.
My extension it does not work anyway :-(
Cristian

[itg-assistant]

Luca answered 2018-03-22 20:39:43 UTC

Check the name of the scripts, you are using “dardkroom”. :)

[itg-assistant]

Cristian Zerbinati answered 2018-03-22 21:01:35 UTC

ARGGHH! I can not believe it, how I did not see it!!!! thank you, now the image load! I must understand how activate tools :) I continue tomorrow
thanks at all

[itg-assistant]

Cristian Zerbinati answered 2018-03-22 21:04:05 UTC

a quick question … how do I update the image in the “non-extension” version? after editing the image with passing the option, how do I refresh the control? The image change if I refresh the page, thanks

[itg-assistant]

Luca answered 2018-03-22 21:51:44 UTC

Refresh? You want to load a different image or reload the same one after editing? See attached sample. The darkroom library (https://github.com/MattKetmo/darkroomjs) doesn’t support updates. You have to recreate it. Wisej Widget class has the update method. In this case I simply call init again.

[itg-assistant]

Luca answered 2018-03-22 21:52:12 UTC

Updated attachment.