Solved

using jquery cropzoom to load image dynamically

Posted on 2014-07-25
3
561 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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)

728 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now