Announcement

**WendyWelton** · 05-03-2011, 05:26 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Hey - the new kid might be able to help! I was bailed on exactly this issue by the nice people at Alpha Five. People had suggested Custom Fields to me, but I couldn't even find where to do that, and I could follow the directions to do this. I can't describe it in words, but pictures I can do:
calcfield.png

settings_for_link.png
link.png

Well, at least I think it's a similar issue - my images are in a grid for a variety of reasons, one being I couldn't access them outside the a5webroot any other way.

and oops - that should say "all options ... available"

And not necessarily obvious, Image field is set to Hide

**aburningflame** · 05-03-2011, 05:39 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Try this

dim vHTML as c
dim imgblob as b

imgblob = file.to_blob(alltrim(data.image))
imgblob=base64encode(imgblob)

vHTML = "<img src=\"data:image/jpeg;base64,"+imgblob+"\" width=\"120\" height=\"107\" />"
IMAGE_render = vHTML

Are all your images jpeg/jpg?
If not - you will need to store the mime type as well

**aburningflame** · 05-03-2011, 05:48 PM

Re: Displaying Images in custom field (source is outside webroot folder)

That wont work.
Heres what will

test.a5w

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="Alpha Five HTML Editor Version 10 Build 3641-3625">
<!-- must use in order to make XP Themes render -->
<meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<title></title>
</head>
<body>
<%a5 
	?"<img src=\"test2.a5w\"/>"
%>


</body></html>

test2.a5w

Code:

<%a5
dim image_blob as B
    image_blob=file.to_blob("c:/test.jpg")
?image_blob
%>

**aburningflame** · 05-03-2011, 05:50 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Originally posted by aburningflame View Post

Try this

dim vHTML as c
dim imgblob as b

imgblob = file.to_blob(alltrim(data.image))
imgblob=base64encode(imgblob)

vHTML = "<img src=\"data:image/jpeg;base64,"+imgblob+"\" width=\"120\" height=\"107\" />"
IMAGE_render = vHTML

Are all your images jpeg/jpg?
If not - you will need to store the mime type as well

vHTML = "<img src=\"myimageserver.a5w?img="+data.image+"\" width=\"120\" height=\"107\" />"
IMAGE_render = vHTML

myimageserver.a5w
if eval_valid("Request.Variables.img") then
?file.to_blob(Request.Variables.img)
end if

ANyways - you get the point.
Cleanse your variables and make sure theyre good.

**mstricky** · 05-03-2011, 06:40 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Thanks for your feeback Wendy. I became familiar with your approach by looking at the your posts/threads on the topic. My issues is that I need to use the custom control type. I need to add more html markup than I'm showing at the moment. I appreciate you taking the time to reply though. Your posts and questions have been helpful to me as well.

**mstricky** · 05-03-2011, 06:58 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Scott, I've also seen your postings on the topic, and give it a show earlier. Before, my issue was that the grid was returning a unique image for every record. I didn't see how to do that on earlier posts. However, I can see it in your last post.

I've tried your recommendation and got same result, but there could be other issues causing the problem. Here's my shot at your approach:

The grid with the custom field, code in the custom field:

Code:

dim vImg as c
vImg = alltrim(data.image)
vHTML = "<img src=\"showimage.a5w?image="+vImg+"\" width=\"120\" height=\"107\" />"
IMAGE_render = vHTML

The showimage.a5w page:

Code:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head>
<meta content="text/html; charset=unicode" http-equiv=Content-Type>
<%a5
if eval_valid("Request.Variables.image") then
    ?file.to_blob(Request.Variables.image)
%>
<meta name=GENERATOR content="MSHTML 8.00.6001.19048"></head>
<body></body></html>

The good news is that each of the images represented by the red x has a different file source. So the filter is working.

FYI - I right-clicked and got the properties of one of the images (red x's). Here's what I got:

showimage.a5w?image=C:\Users\Administrator\Documents\RepoManager\Images\STR100923212544\100_3517.JPG

This is the image I'm looking for, its just not rendering properly on the page. The attachment is a snip of the result.

Capture.GIF

**mstricky** · 05-03-2011, 07:01 PM

Re: Displaying Images in custom field (source is outside webroot folder)

By the way, I caught and fixed the missing "end if" in the last illustration. Still doesn't work.

**WendyWelton** · 05-03-2011, 07:05 PM

Re: Displaying Images in custom field (source is outside webroot folder)

oh thank you. I expect it will be awhile before I'm ACTUALLY useful!

**aburningflame** · 05-04-2011, 11:12 AM

Re: Displaying Images in custom field (source is outside webroot folder)

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head>
<meta content="text/html; charset=unicode" http-equiv=Content-Type>
<%a5
if eval_valid("Request.Variables.image") then
?file.to_blob(Request.Variables.image)
%>
<meta name=GENERATOR content="MSHTML 8.00.6001.19048"></head>
<body></body></html>

My example does not show any html markup. Your tags are screwing up the image delivery.
Your page should be this and only this:
<%a5
if eval_valid("Request.Variables.image") then
?file.to_blob(Request.Variables.image)
end if
%>

**aburningflame** · 05-04-2011, 11:16 AM

Re: Displaying Images in custom field (source is outside webroot folder)

Double Post sorry - damn forum :)

**WendyWelton** · 05-04-2011, 12:24 PM

Re: Displaying Images in custom field (source is outside webroot folder)

As I learn...

Scott,

Can he or should he then put any html markup outside that code on his web page? Even though I'm generating my images in a different way in the grid, what I insert into a web pages is the same type of <A5% etc. I've directly added float and such to a Div that encloses the <A5% code. And I've also succeeded in controlling the size of the grid component in it's entirety through both CSS and height and width in the div.

Mstricky,

I recognize height, width etc. What does the "session" part do?

**mstricky** · 05-04-2011, 12:37 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Hey Wendy. In researching this problem over the last couple of days, I learned that you cannot view an image that does not reside in the web root or project folder. Therefore, the methodology that I was trying would grab a binary file from outside of the webroot

Code:

imgblob = file.to_blob(alltrim(data.image))

then save it to the session_folders folder in the webroot. I was using the file.from_blob to save the file into the session_folders folder in the webroot. The session_folders folder is emptied of the related session (which is a subfolder of the session_folders folder) when the session ends, so there's no cleanup to do.

**mstricky** · 05-04-2011, 12:43 PM

Re: Displaying Images in custom field (source is outside webroot folder)

Thanks Scott. My first attempt at this didn't have any html markup. However, I didn't realize that moving from the "Source" tab to the "WYSIWYG" tab in the HTML editor will insert the markup. When I later saw the markup, I thought there was no way to prevent. But, if you save and publish from the source tap, the markup is not inserted (I think).

Unfortunately, I have another problem today that is very alarming, as you might have noticed in another post. The system is creating (adding) multiple session folders every time the page refreshes.

**WendyWelton** · 05-04-2011, 12:45 PM

Re: Displaying Images in custom field (source is outside webroot folder)

M,

What's your name?

Aha! So you're chewing on exactly the problem I ran into which lead me to put my images in a grid, where I could access them from the data folder, not the web root. I'll be interested to see the final solution, because any that were offered to me were beyond my capability. I believe I also heard that there's a fix coming that will make Aliases work correctly, allowing images to be accessed from outside the web root.

btw - using grids works nicely, got them to be full bleed, no "grid" visible whatsoever - EXCEPT, I haven't yet succeeded in have words wrap around them on a web page, like we can do with any image that's not grid delivered. But, I'm not done hunting yet.

Announcement

The Alpha Software Forum Participation Guidelines

Displaying Images in custom field (source is outside webroot folder)

Displaying Images in custom field (source is outside webroot folder)

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment