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.
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.
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]....
I am developing an ASP.NET 3.5 web application in which I am allowing my users to upload either jpeg,gif,bmp or png images. If the uploaded image dimensions are greater then 103 x 32 the I want to resize the uploaded image to 103 x 32. I have read some blog posts and articles, and have also tried some of the code samples but nothing seems to work right.
View 4 RepliesFor simplicity lets say that I have a web page that needs to display thumbnails of images. The images locations are stored in a database(the images are stored on Amazon S3). Is it possible to have my web server scale down the large image before it is delivered to the client? This way I don't have to store thumbnails of every image and the client can download a smaller file.
View 2 RepliesI found some code that resizes an uploaded image ( stream ) to a pre-determined size. Using this code, it works perfectly..
Code:
' make sure we have a file .
If FileUpload3.HasFile Then
Dim name As String = FileUpload3.PostedFile.FileName
Dim Justname As String = Path.GetFileName(name)
Dim length As Integer = FileUpload3.PostedFile.ContentLength
[Code] ....
What I'd like to do is move this code into a Class so I can call it from other pages, so I created a class and added this code...
Code:
Imports Microsoft.VisualBasic
Imports System.IO
Imports System
Imports System.Xml
Imports System.Xml.Xsl
[Code] ....
As you can see, I'm trying to pass in a stream and defined width, and I want it to pass back the image ( if the size if greater than what I expected.
I'm trying to call the class like so.
Code:
' make sure we have a file and that we have an ID to set it to.
If FileUpload3.HasFile Then
Dim name As String = FileUpload3.PostedFile.FileName
Dim Justname As String = Path.GetFileName(name)
Dim length As Integer = FileUpload3.PostedFile.ContentLength
[Code] ....
Don't worry about the cc.imgStr this is just the path to my class which is defined futher up.
The Error I get is "Value of type system.io.stream, cannot be converted to ' 1 dimensional array of byte' "...
I have a script which resizes images, I did not write this script, nor do I know any ASP.NET, but I have been assigned the task of fixing an issue with it!
The problem is, the resulting image from the resize appears to be of less quality than the upload, even if the file uploaded is already set to the correct size.
Uploaded image - [URL]
Resized image - [URL]
The script that is doing the resizing is as follows, how to correct the issue?
[Code]....
My requirement is when ever user upload an image and want to resize an image and then save that image into the database
View 7 RepliesI am using a resizable() event and I want to bound the max height and max width within another div element. Containment option does not work. So, I used the resize event. I am able to trap the condition where the resize goes beyond the container, but not able to stop the resize.
[Code]....
I have ASP.NET form with an upload control for users to post an image. On the server I load that image (using the Bitmap class) and resize it. Is there any danger in doing that when users upload malicious or affected files or will the code just throw an exception at some point and stop the whole process?
View 2 Replies In trying to upload images to a server, I often get the following error "Maximum request length exceeded.".
I have tried to check for the size in codebehind but it appears that the error comes from the service provider or something else because I never even get to debug it since the error appears even before the Page_Init Subroutine in codebehind.
What is the best method of checking for the image size and then resizing it dymamically to a maximum file size as well as length and width size.
I want to resize image on fly in my Product Datalist. I am retrieving image from folder but it includes images with diffrent size.
Some images looks clear but some pixelet. How to resolve this.
Datalist aspx code:
<asp:DataList ID="ItemList" runat="server" RepeatColumns="4"
BorderWidth="0px" BorderStyle="None" onitemcommand="ItemList_ItemCommand" >
<ItemTemplate>
<div class="sectionHolder">
<div class="pinStick">
[Code] ....
I have a 40x1600 image that I use for bg and I do repeat-x in my CSS, like such:
body
I have a photo on my server image1.jpg in high resolution, and I need it to be resized everytime it is send to client depending with dimension I put but should not make extra file on disk.
I used aspjpeg for this in past but now I need something that can be used on servers that do not have aspjpeg instaled.
I use these code for resizing image
behind code
public string img_resize(string picname, int maxHeight, int maxWidth)
{
System.Drawing.Image currentImage = System.Drawing.Image.FromFile(server.mappath("mypics") + picname);
double imgHeight = 0;
double imgWidth = 0;
imgHeight = currentImage.Height;
imgWidth = currentImage.Width;
[code].....
but in this line occur error
<ItemTemplate> <%#img_resize(Eval("my_img"),100, 80)%> </ItemTemplate>
error: Parser Error
Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately. Parser Error Message: The server tag is not well formed.
what should i do ?
I have uploaded a .jpg image and resized as Small and Large thumbnail. The small image is (135 X 173) but after resizing the small thumbnail image file size is of 40.8 KB. And mostly all images (around 64) thumbnails having file size more than 40 KB. Due to which thumbnails taking lot of time to get display.
Is there a way through which we can reduce the image file size upto 8 to 12 kb, but without effecting image quaity??
Below is the source code that i am using for resizing an image:
If FileUpload1.HasFile Then
Dim stream As Stream = FileUpload1.PostedFile.InputStream
Dim x As String = IO.Path.GetExtension(FileUpload1.FileName).ToLower
If x = ".jpg" Or x = ".jpeg" Then
Dim image As New Bitmap(stream)
[Code] .....
I am having an issue in Jquery rotate below is my HTML code
<div id="frame" style="height:100;width:100;" >
<img alt="" id="Img1" runat="server" src="~/Images/pdfcar.png"
style="height:30px;width:30px;"/>
</div>
The below code is working fine, J
[Code]....
I've got an ASP.Net app that uses Jquery ajax to get dynamic html an insert into a certain div on the screen. This works but one of the tags is an image tag and no image is being displayed, just the "X" since image is on the server. The path of the image is on the server, ~/Images/user2.png.
I'm thinking about having a server side image, , hold the image i need that is not visible and somehow using jquery, "copy" that image to the real html image tag after it is appended.
But I can't think of how to copy it.
The thing to remember is the html image tag doesn't exist until the ajax data is loaded and appended to the destination tag.
I need to take an uploaded image, resize it, and save it to the database. Simple enough, except I don't have access to save any temp files to the server. I'm taking the image, resizing it as a Bitmap, and need to save it to a database field as the original image type (JPG for example). How can I get the FileBytes() like this, so I can save it to the database?Before I was using ImageUpload.FileBytes() but now that I'm resizing I'm dealing with Images and Bitmaps instead of FileUploads and can't seem find anything that will give me the bytes.
View 3 RepliesI have a DIV container tag and an image box inside it. i want to get the cssClass for resizing the container DIV when the image box size is overflowed.
<div style="height: 315px; width: 295px">
<asp:ImageMap ID="ImageMap1" runat="server" Height="266px" Width="282px">
</asp:ImageMap>
</div>
I have an application with a FileUpload control. The code behind saves the uploaded file (which I've stipulated in the code must have a ".jpeg" extension) to the webserver's hard disk. Details about the image, such as its ID, Title, Description and Upload date are saved in an MS SQL Server database. Nothing difficult here.
What I'd like to do instead... is take the uploaded image (which will be a "large", high-quality image), save this as above but ALSO dynamically resize and resample a copy of this image and store a thumbnail of it on the webserver hard drive as well.
I can't find a post which explains how to do this in this forum group. Can anyone point me in the right direction for an answer. I am using Visual Studio 2008, ASP.NET 3.5 and Visual Basic.NET 2008.
I'm having a little problem with textboxes automatically resizing after postback.
I have a textbox on set with a width of 90%.
Now the text box works fine but if I have something in the textbox that is longer than what it can display, when I save and the page reloads with the string in there the textbox automatically makes itself larger and becomes bigger than the 90% that I set and goes off the page, a scroll bar appears.
Is there a way to turn this off? I have been searching and can't seem to find anything..
I realize that if I set it to a fixed with this problem goes away if I set a fixed width but I need it at 90%.
Also, I have some multi-line textboxes and they have the same issue, even though it's multi-line, it still becomes a little bigger wrap less times than it can.
I want to resize a div from client-side, it's default value is height:500px, clicking my button sets it to height: 700px.
It's an asp.net web site.
I am asked to do this using AJAX and I am unclear if this means to use the client-side javascript from the Microsoft AJAX Library, or if this means to use server-side AJAX doing a partial postback.
The grid can be adjusted fine if I open the IE developer tools and adjust the inline css height:500px attribute of the div element.
<div id="myDiv" style="position: relative; width: 100%; height: 500px; overflow: hidden;">
Should this be done using AJAX, what are the options? JavaScript, JQuery, any advantage of using one or the other?
As the first step, I designed a Master Page for my website. Everything seems to be in order. My master page has a table say "Mytable" with 2 rows.
In the first row, I've put up a banner for the website.
In the second row, I want to place the ContentPlaceHolder.
The thing is that I can't make the ContentPlaceHolder to occupy the whole cell. I tried finding the solution through search engines and could not find out a solution.
In my web page, I want to create a table by Javascript. I mean that I want to make this table to occupy the second row of "Mytable". There is still some gaps left at the top and bottom of the ContentPlaceHolder.
I have a master page(created for pop ups as i have a lot..) with the following code:
<body>
<div id = "weadas>
content content content..
<div>
<script type="text/javascript">
var content = document.getElementById("weadas");
window.resizeTo(content.offsetWidth + 50, content.offsetHeight + 50);
</script>
</body>
Wich i call with the following linkbutton:
lbnDictionary.Attributes.Add
(
"onclick",
"window.open('../ijSistema/ijPopUp/ppUpDictionary.aspx','mywindow','width=auto,height=auto,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=no'); return false;"
but then it does not resize properly when poping up. It does work in IE6 but it does not in IE8 nor Mozilla 3.0.
Any ideas of how to optimize that resizing code for asp.net?
