Solved

using jquery cropzoom to load image dynamically

Posted on 2014-07-25
3
575 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Check for a change in value in a database row on jquery button click 6 34
Html5 Index on a table 7 26
jQuery for Each 12 21
Call Controller Action Method from ASPX 2 15
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn how to dynamically set the form action using jQuery.
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)

777 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