Question

My MVC project uses the default location (/Content/…)

So where this code:

<div id="header"style="background-image: url('/Content/images/header_.jpg')">

resolves as http://www.myDomain.com/content/images/header_.jpg

I’m moving my images files to S3 so now they resolve from ‘http://images.myDomain.com’ Do I have to convert all the links in the project to that absolute path?

Is there perhaps an IIS7x property to help here?

EDIT: The question seems to boil down to the specifics of working with IIS’s Rewrite Module. The samples I’ve seen so far show how to manipulate the lower ends and query string of a URI. I’m needing to remap the domain end of the URI:

http://www.myDomain.com/content/images/header_.jpg
needs to become:
http://images.myDomain.com/header_.jpg

thx

Answer 1

I’m not sure I understand you correctly. Do you mean

How do I transparently rewrite image urls like http://www.myDomain.com/Content/myImage.png as http://images.myDomain.com/Content/myImage.png at render time?

Or

How do I serve images like http://images.myDomain.com/Content/myImage.png transparently from S3?

There’s a DNS trick to answer the second one.

Create the ‘images.myDomain.com’ bucket, and put your content in it under the ‘/Content/’ path. Since S3 exposes buckets as domains in their own right, you can now get your content with

http://images.myDomain.com.s3.amazonaws.com/Content/myImage.png

You can then create a CNAME record in your own DNS provider taking ‘images.myDomain.com’ to ‘images.myDomain.com.s3.amazonaws.com’

This lets you link to your images as

http://images.myDomain.com/Content/myImage.png

..and yet have them served from S3 (You might also consider a full CDN such as cloud front.)