Link to home
Start Free TrialLog in
Avatar of elliottbenzle
elliottbenzle

asked on

Using ASP.VBScript how do I resize a picture that I have uploaded

I am uploading pictures to a server. Sometimes people upload pictures that are too large. I want to be able to resize the pictures to width='250' and the height= a size relative to the original image size. Right now my page can upload the image and retrieve it's dimansions which it stores in two variables called myWidth and myHeight. How can I resize the image? Thanks for any help. I have attached my code below if anyone needs to see it.

Here is the page to see what it does now:
http://www.glowfishtw.com/benzleporcelain/productadd.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!--#include file="Connections/dsnvessels.asp" -->
<!--#include file="Upload.asp" -->
<%
'Upload the image file and get reference to component
Dim Uploader, File
Set Uploader = GetASPUploader
 
'Use AddFile method to add file objects and change their properties as needed
Set File = Uploader.AddFile("file") 
 
'The the properties of the upload
File.ValidFileTypes = "pdf,jpg,gif,bmp,png"
File.MaxSize = 10240*1024
File.Overwrite = false 'Do not overwrite, create unique filename 
 
'Set the folder name to where the file will be uploaded to
Uploader.Destination = "Images" 
 
'Set longer timeout for large files if needed
Server.ScriptTimeout = 900
 
'Enable error handling to catch and handle errors during upload. For example, if user
'  cancels the upload or attempts to upload files of invalid (unallowed) type or size,
'  ASPUploader will raise an exception (error) with relevant description
On Error Resume Next
 
'Start receiving and saving file(s):
Uploader.Upload
 
'Check for errors:
If Err Then
  'Redirect with error message
  Response.Write err.description
  Response.End()
End If
 
 
'Add the details of the uploaded file to the database
Dim myFile, myDescrition, title, price, myWidth, myHeight, resolvedPath
resolvedPath = Server.MapPath(Uploader.Destination & "/" & File.name)
myFile="images/" & File.Name
myDescription=Uploader.Form("description")
title=Uploader.Form("title")
price=Uploader.Form("price")
Call sImageProperties(resolvedPath) 
 
myFile = Replace(myFile, "'", "''")
myDescription = Replace(myDescription, "'", "''")
title = Replace(title, "'", "''")
price = Replace(price, "'", "''")
 
response.write(myFile)
response.write(myDescription)
response.write(title)
response.write(price)
response.write("<br />")
response.write("resolvedpath=")
response.write(resolvedPath)
response.write("<br />")
response.write("width=")
response.write(myWidth)
response.write("<br />")
response.write("height=")
response.write(myHeight)
response.write("<br />")
response.write(Uploader.Destination)
 
 
 
 
 
set cadddetail = Server.CreateObject("ADODB.Command")
cadddetail.ActiveConnection = MM_dsnvessels_STRING
cadddetail.CommandText = "INSERT INTO products (ImageURL, name, description, price)  VALUES ( '" & myFile & "', '" & title & "', '" & myDescription & "', '" & price & "') "
cadddetail.CommandType = 1
cadddetail.CommandTimeout = 0
cadddetail.Prepared = true
cadddetail.Execute()
 
 
 
'Finally, void the object
 
 
Set Uploader=Nothing 
 
Sub sImageProperties(vImage)
  Dim image, fs
  Set fs=CreateObject("Scripting.FileSystemObject")
  If Not fs.fileExists(vImage) Then Exit Sub
  Set image = loadpicture(vImage)
  myWidth = Round(image.width / 26.4583)
  myHeight = Round(image.height / 26.4583)
  Set image = Nothing
  Set fs=Nothing
End Sub
%> 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
	font-size: 18px;
	font-weight: bold;
}
-->
</style>
</head>
 
<body>
<p class="style1">New Product  uploaded</p>
<p><a href="productadd.asp">add a product </a></p>
<p><a href="productview.asp">delete/edit a product </a></p>
<p><a href="benzleupdate.asp">return to Benzle update </a></p>
<p><a href="index.asp">view Benzle Porcelain home page </a></p>
</body>
</html>

Open in new window

Avatar of R_Harrison
R_Harrison
Flag of United Kingdom of Great Britain and Northern Ireland image

Slightly confused?  Normally you would just add the width tag to the <img> as below.

<img src="somepagethatgetstheimage.asp" width="250">

If you don't specify a height, the image height will be automatically adjusted to maintain the correct aspect ratio.

I am missing something?


ASKER CERTIFIED SOLUTION
Avatar of CCongdon
CCongdon
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
CCongdon:
Yeah, but you can always limit the size of the upload... anyway that wasn't the problem stated.  If he wants to actually change the image to a smaller version then he will need an external component...
@R Harrison
Yeah, that's why I think the general public shouldn't be allowed cameras greater than a couple of megapixels unless they get a certificate showing that the understand how to resize photos before e-mailing/uploading them. :)
@CCongdon

With you on that one!  A 6 megapixal image squashed to 200 pixels, why oh why!
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial