Developing a simple photo ASP.NET/MVC application, how to do this? - asp.net

I found this web site (photoblog)
http://www.OneReaction.net/
and I am very curious how this is done:
1) From source code you don't see the image URL
2) How to overlay the copyright information on the image without changing the underlying photo?
Ideas? Thanks!

Check this link: Watermarking Images in ASP.NET with an HttpHandler. It describes a technique for adding watermarks to every image of your site. By changing the path of the HttpHandler in the web.config to something less general (e.g. /photos/*.jpg), you can constraint the effect to a subset of images.

I believe that the ImageHandler.ashx is intercepting the requests and placing the copyright information into the image before delivering it to the browser. The handler is likely set up to capture all attempts to browse to a .jpg file.
The documentation on the drawing namespace should help you figure out the actual code for inserting text into an image.

The URL is in source code
<img id="image" title="Condemned to Contrast II" src="Resources/ImageHandler.ashx"
alt="Condemned to Contrast II" style="border-width:0px;" />
Try this link

Related

Django CMS Deleting HTML5 Tags and Attributes

I am having a big time issue with solving a problem. I have a placeholder called main for the content region of the page. I was building that region in the cms. Everything was going great until I attempted to add an embedded video contained in an iframe. When I save django cms completely removed the iframe and left an empty div. So I attempted to use prettyphoto light box to open the video by clicking on an image. The code I added to the page through the cms is:
<a rel='prettyPhoto[youtube]' href="https://www.youtube.com/embed/mqVZF_yb8C0?autoplay=1&start=1765&iframe=true" data-rel="prettyPhoto">Click Image</a>
When I saved, django cms completely removed the data-rel attribute from the link which is obviously needed for the js. So I went a step further and adapted the code of the data attribute to:
rel="prettyPhoto"
and the cms also removed that attribute! Also anytime I add an html5 tag like article of section it hates that too! What gives here? Am I doing something wrong? Any advice would be appreciated. 
Aaron,
Thanks.
Please see the discussion at https://github.com/divio/django-cms/issues/1529. We use html5lib to clean the contents of the text plugin (this cannot be turned off for security reasons).
What you'll want to do is write a custom plugin (possibly one that can be embedded inside text plugins).

Umbraco not allowing httphandler resized image to be input

I am attempting to move legacy content into Umbraco v4.9.1. Some of the photos that are being migrated are being resized using an httphandler (ImageResizer.ashx) using variables passed through the query. When I attempt to save the path the url is replaced with either "/" or what the path originally was. Is there a work around? The tag is below.
<img src="/imageresizer.ashx?mw=232&src=/imagePath/image.jpg" />
The url is correct, because if I type it into a browser the image comes up fine. It seems like Umbraco is filtering out this url.
UPDATE:
I am noticing that the editor is chopping off everything before /imagePath/image.jpg and only displaying that. I have tried turning off the TidyEditorContent in the UmbracoSettings.config and it still does this.
A workaround would be to UrlEncode the src part of these Urls, where "/" is replaced by "%2F".
<img src="/imageresizer.ashx?mw=232&src=%2FimagePath%2Fimage.jpg" />
I don't know if you can do this is your particular situation, but it is a workaround.

CDONTS sending an email with attachments - Classic ASP

I want to send an email with attachments using CDONTS. But, here is what i am using:
CDO_MAIL.AttachFile "http://SampleWebSite.com/Sample.asp?COMMAND=6"
In JavaScript we are doing:
image1.src = "http://SampleWebSite.com/Sample.asp?COMMAND=6"
The problem is - I do not have the exact image name. The above URL returns me an image. Can you please let me know how to resolve this ?
Thanks
Diodeus is correct. However, another way to "solve" this is to download the file so you have it locally and then attach it. Embedding in the HTML, as suggested by Diodeus, will cause most mail clients to block the image and require user interaction to download the image. It's better to do it attach it and reference it by CID.
CDO does not support HTTP. It's expecting a local file reference (C:....).
You can embed the image in the message body though, using simple HTML:
<img src="http://SampleWebSite.com/Sample.asp?COMMAND=6" />

Images in app_offline file

Is there a way to use an image with an app_offline file? I'd like to keep the app_offline looking like the rest of the website - same header, etc, which includes an image.
I did try finding a way to do this but I can't seem to do so. The forum posts that I've ran across say it's not possible, since the app_offline forces all requests (even those for images and css) to redirect to the app_offline page, but I'm hoping that someone here will have an answer. Obviously, I can embed the css into the HTML, rather than pointing to the site's .css file, but I'm not sure how to get around the image issue.
You could try base64 encoding the image, ie.
<img src="data:image/gif;base64,BASE64STRINGHERE" width="80" height="15" />
The reason you need to do it like this is that IIS sees the image as a request and app_offline.htm being present in the root is telling IIS to redirect ALL requests therefore this includes any MIME types from images to music etc

Cooliris fetching from google docs:

We're creating a Interaction design pattern website for a class.
We've been using google docs to create the patterns list during the classes, sharing it with the teacher for evaluation.
So the environment is this:
We've been able to fetch a single image from each presentation we want to display, such as: http://docs.google.com/file?id=dd2dpzk6_164zcwm3jgv_b
We've created an RSS feed for cooliris to open: (small example from it):
<.item>
<.title>e7_pattern_7.78<./title>
<.link>http://docs.google.com/file?id=dd2dpzk6_164zcwm3jgv_b<./link>
<.guid>dd2dpzk6_164zcwm3jgv_b<./guid>
<.media:thumbnail url="http://docs.google.com/file?id=dd2dpzk6_164zcwm3jgv_b" />
<.media:content url="http://docs.google.com/file?id=dd2dpzk6_164zcwm3jgv_b" type="image/png" />
<./item>
Sorry for the points in the middle of the tag is only for stackoverflow not to filter it.
So the problem is the following, the rss works correctly, as the cooliris opens all viewports for all images. But both the thumbnail and content remain black for all the pictures.
If you try to open them by the above url you can download them, with the type="image/png" if should work for piclens to open it.
Anyone got a sugestion or idea why we can't access the images from google docs via cooliris ?
The server needed a crossdomain.xml to allow cooliris. So we can't do it directly from google but we'll just download it a put on another server.
Try putting type="image/png" in the media:thumbnail tag too.. additionally, put your feed through an RSS validator, just to see if it checks out..

Resources