Solved

using jquery cropzoom to load image dynamically

Posted on 2014-07-25
3
577 Views
Last Modified: 2014-07-30
Hi all,

I am trying to create a upload image function which then allow the user to save a portion of the image to the server.

I currently upload the image to the server using asp:fileupload. I then show the panel with the cropzoom div in it.

At this point how can I dynamically tell which image to load please.

http://www.cropzoom.com.ar/
0
Comment
Question by:flynny
  • 2
3 Comments
 
LVL 41

Expert Comment

by:guru_sami
ID: 40220043
Haven't tried that plugin, but you can try to re-instantiate the plugging passing in your new image url as the image{source...} option to the plugin.
0
 

Author Comment

by:flynny
ID: 40226134
thanks for this.

will this be a case of adding the jscript to the page from the c#? (i.e. after the image upload button is clicked and the image is uploaded, i then use RegisterClientScriptBlock to register the script)

or would there be a better way of doing this?

thanks in advance.

Matt.
0
 
LVL 41

Accepted Solution

by:
guru_sami earned 500 total points
ID: 40226979
Yes that's correct. You can inject entire cropzoom from C#.
or
Another way is having a function call InitCropzoom(imgsrc) and register this function from C#. Then pass the imgsrc as source to the plugin options.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question