For 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 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 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'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 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 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 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 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?
I'm developing a service in which users can upload images and save them in a library. I want to preserve the original file (so people can upload high resolution images), but also make a copy of the image to use as a thumbnail.
The problem I have is that the thumbnail "weights" much more than the original file, proportionally. When I check the basic properties of each file (in XnView), I can see that the original files are for instance saved with 32 bits per Plane, whereas the source file will have, for instance, only 24 bits per plane.
What would be the correct way to make a copy of the original file while still using compression? This is an excerpt of the code:
private void ResizeImage(string originalFile, string NewFile, int NewWidth, int MaxHeight, bool OnlyResizeIfWider, string directory)
{
System.Drawing.Image FullsizeImage = System.Drawing.Image.FromFile(originalFile);
// Prevent using images internal thumbnail
[Code]....
I'm building a Web application that will eventually contain a lot of images. These images will need to be displayed in different formats across the site. What would be the pros/cons of the two solutions:
Storing various versions of the picture when they are uploaded (e.g. thumb, small, medium, large, verylarge)
Resizing the image through the URL - e.g. /Content/Image/1?height=300
Edit:I had a really hard time accepting one answer over the other, so for anyone reading this q/a, take your time to read both answers because the accepted answer was selected by the flip of a coin :) They're both equally good.
how to disable the resizing of a multiline textbox control. I'm trying to use the textarea to display rules for a contest, however I dont want them to be able to change the size of it by dragging it around from the bottom right corner.
View 5 RepliesAny idea why my web page content doesn't resize with the window?I'm not using fixed position - just a table with width="100%".I've put it in a placeholder
View 3 Replies