Web Forms :: Crop Image After Upload And Then Save Using JCrop JQuery Plugin
Jun 29, 2012
i wan code for profile image setting. user can able to resize image by selecting size in the dropbox. and image cand drag specific location,(canvas image-->image can bigger then canvas and he can drag image withini the canvas,image shoud save--withini the canvas width and height)
Rquirements
1)user upload the image and will save that image and will disply the image at left side show in the figure.
2) user can select the size of the image from dropbox. the image size will be alter depend upon the selected size.
3)user can drag the image in the specific location. i mean selecting image with mouse can drag, shoud be dragable.
4)same as profile image setting of gmail,facebook and skype.
View 1 Replies
Similar Messages:
Feb 28, 2011
I got this simple jquery plugin to upload files.
i can add multiple files, but i cant seem to write a code that saves all the files, only one..
var _thumb = string.Empty;
if (!string.IsNullOrEmpty(fuUploadThumps.FileName))
{
_thumb = fuUploadThumps.FileName;
fuUploadThumps.SaveAs(Request.PhysicalApplicationPath + @"img/produkter" + _imagePath["categoryImagePath"] + "resized/thumbs/" + StripInput(_thumb));
}
More code
_objAdmin.Name = StripInput(_thumb);
_objAdmin.Connection = Session["imageConnection"].ToString();
_objAdmin.AddThumbs(_objAdmin);
View 2 Replies
Apr 10, 2010
We have a scenario where we would like to allow our users to upload images to the site. We are running on ASP.Net. A quick search did not result in anything good. It would be great if the control is free/open source but we do not mind paying a little bit.
View 1 Replies
Sep 24, 2010
I'm using JCrop, by using Mikes great article at: http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET
There are two things I haven't been able to figure out how to do though:
(1) How do I check if the uploaded image is big enough? (i.e. how do I determine width of image is > 200px")
(2) How do I resize the cropped image to 200px in width.
View 6 Replies
Mar 22, 2013
How to Divide image in two parts like I have an image which width x Height = 16 x 32.
And I want to split image in two images 16x 16 and 16x 16.
How can i do it?
View 1 Replies
Jan 2, 2010
I'm using jQuery Multiple File Upload Plugin to upload several pictures. But form posts only 1, top, item. Fiddler (POST): POST /Images/UploadImages HTTP/1.1
Host: localhost:4793
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.6) Gecko/20091201 Firefox/3.5.6
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive...
View 7 Replies
Jul 15, 2010
i am using jquery form plugin for file upload . i am not able to get file in the controller . what could be wrong.
public string CreateOrganizationMeta()
{
foreach (string file in Request.Files)
[code]....
View 2 Replies
Aug 5, 2010
I'm using jQuery BlockUI Plugin to show busy message when a click event is fired.
In the scenario below, it's working fine. The busy message shows and locks UI on click event, and dissapears when postback's done.
No file creation involved, which invokes browser Open/Save As dialog box
Mark-up:
$(function() { // when document has loaded
($.unblockUI); //unlock UI
//Show busy message on click event and disable UI
$('#btnDemo').click(function() {
[Code]....
I want to get rid of the busy message and unlock the UI when Open/Save As dialog box appears.
View 1 Replies
Apr 16, 2013
I have filed image type varbinary
I want upload image and show then with click button save
store in db
View 1 Replies
Mar 18, 2010
I am building an application that allows a user to upload multiple images, resizes them, and saves them. What I need (ok, what I'd like) is the following...
I would like some sort of way to prompt a user to crop the photos after they have been saved. I have code that creates a 175px square rectangle and saves that image. I need the user to select the image section they want saved and to do so I envision a window that automatically prompts them to do so once the upload(s) have completed. I think my preference would be to have a page or control (datalist, repeater, ectc..) that refreshes every time an image is saved and allows the user to crop the newly saved images. I'm opened to advice, opinions, free drinks and a clue.
View 2 Replies
Feb 13, 2011
When Page_Load is running the first time, I set Image 1.jpg to the HTML control with sucess!When Page_Load is running the second time, the Image 2.jpg is Not set to the same HTML control?This even that it should though I use a MessageBox to se that the C# code is running that should set 2.jpg to the control
View 2 Replies
Oct 15, 2010
I'm very new to jQuery, and have little experience using JavaScript,I've found what to me looks like a fantastic crop tool using jQuery ( http://deepliquid.com/content/Jcrop.html ).What I need is to merge example 2 and 3 together, as I'd like both the preview panel AND I need the coordinates. The two bits of JS are:
<script language="Javascript">
// Remember to invoke within jQuery(window).load(...)
// If you don't, Jcrop may not initialize properly[code]....
View 2 Replies
Jan 5, 2010
Once I upload an image to the server (asp.net), I need to display this uploaded image for cropping. What is the best-practice to achieve the same(ie how do I send te image back to the client for display)? . I have tried giving a preview option before upload. But this does not seem to be working for all images. See here
Addition :
[I know JCrop is available , but the point of the question is how to send the image back ofr display]
View 2 Replies
Jan 8, 2013
how can we resize the image in ASP.net n save changes in database ??.
View 1 Replies
Mar 9, 2010
I have a problem regarding implement Image Crop on Master pageI am using following code and it is working OK on .aspx page
[Code]....
[Code]....
View 1 Replies
Feb 4, 2014
I am building the employee portfolio where each employee enters his/her data. at this stage am I building the image crop where an employee uploads image and then crops it. I am getting this error:Â Input string was not in a correct format.
Here is the code:Â
 namespace Testing {
public partial class Wizard : System.Web.UI.Page {
String path = HttpContext.Current.Request.PhysicalApplicationPath + "images";
protected void Page_Load(object sender, EventArgs e) {
}
[Code] ......
View 1 Replies
Aug 13, 2010
Currently i have done upload image function and its saved the picture into folder in server . But if the picture has same name its unable to save the photo . How to rename the photo each time i save the photo into the server . Below is my coding .
<asp:FileUpload ID="FileUpload1" runat="server" />
<input type="button" id="btnUpload" runat="server" value="UploadPhoto" onserverclick="btnUpload_Click" />
protected void btnUpload_Click(object sender, EventArgs e)
[Code]....
View 9 Replies
Feb 18, 2010
I have another problem is that I have Placed a file upload control in Empty template of Gridview to have multiple record insert. I have used viewstate to save multiple record into database. But problem is that I am able to find the control but it not giving any value.I have following code.
[Code]....
in above code
[Code]....
View 2 Replies
Feb 7, 2011
I need to upload and save an image onto the server. I am using an XMLHttpRequest POST to send the image to the server and calling a class named imageSave.aspx.I am finding difficulty in "catching" the image from server side (imageSave.aspx) and saving it onto the server.
Does anyone please have some tips as to how this is done or maybe link to a good article or something?
Code used to perform the http POST....
xhr = new XMLHttpRequest();
// Update progress bar etc [code].....
View 1 Replies
Jun 17, 2010
I want to Save image into DB in Binary format without upload control i.e
I have avatar which i want to store by default with user creation.
i know all other steps except how to convert that particular image into binary against btn_CreateUser Click event
View 4 Replies
Sep 10, 2010
I am writing code for upload image file and save it into disc ,,, during this and before save it to disc I want to resize the image into specified width and Heigh. i am trying to use this code
[Code]....
but I dont have Neodynamic.WebControls.ImageDraw.dll?
View 3 Replies
Sep 21, 2010
I'm using a jquery plugin called uploadify to upload images to my database. I'd like my datalist to be auto-rebind after the images' been uploaded so people could see the changes immediately. Also because this is a feature for admin there is a delete button in the datalist. I used updatePanel for this.
I put __doPostBack('" + upnlUploaded.ClientID + "','') to the javascript so when Images have been uploaded the update panel will postback.
I also have the following two lines to make it working...
<asp:UpdatePanel ID="upnlUploaded" runat="server" UpdateMode="Conditional" OnLoad="upnlUploaded_Load"> <%--upnlUploaded_Load --%>
View 4 Replies
Sep 18, 2012
I was watching the page [URL] .... and its great , but I would like to use the example but i need a textboxt to input the folder that i want to use to save the images
destination folder: upload/
<input id="Text1" type="text" value="my folder" /><br />
<a href="javascript:$('#<%=FileUpload1.ClientID%>').fileUploadStart()"
style="font-family: Arial; font-size: medium; color: #008000;">Start Upload</a>Â
|Â <a
href="javascript:$('#<%=FileUpload1.ClientID%>').fileUploadClearQueue()"
[Code] .....
View 1 Replies
Mar 21, 2011
Do not know if you know this plugin but basically it displays a tree.I'm having trouble using it, and would like your help to use this plugin.This link has a presentation of the plugin.Basically I have the project groups and projects where I display the tree, each project within their respective group. And once the user clicks on the group, the group is expanded showing all projects that group.Here is an example of use.
My environment is asp.net (C #)I would like to use this plugin to display the group's projects and projects under the tree:Follow the link for a code, as far as I could do.I would like to view the ul and li tags in the tree.
View 1 Replies
Dec 19, 2010
I want a sample that uses splitter jquery plugin dynamically with 2 panes.
View 1 Replies
