As it was an input element with type=file, I simply tried to get the value and push it to an image element’s source attribute attaching ‘file://’ at the beginning. But life’s not that easy! The value only returns the file name not the full path. How can I get the full path??!! I can see the path on the input box, but I can’t get it!!!

Next approach, go to our best friend, Google! Well, I guess she wasn’t very pleased with me and didn’t help me very much…

Now what?! Well, let’s try the DOM inspector of Firefox. There I found three functions for the file input element.

• getAsBinary()
• getAsDataURL()
• getAsText()

They are all self explanatory… My head was already stuck at that moment. So I didn’t see the ‘Data URL’ function first. Tried to parse binary for a while. But couldn’t find a way to push the binary data of an image inside the image tag. Then I noticed the next function. Well, it worked like a charm. I just pushed the function’s return value to the image tag’s source attribute. Done.

So, to get the file path, the call should be like:

file_input_element_id.files[0].getAsDataURL()

That’s all…

N.B. For IE, it works OK with adding the ‘file://’ before the value of input element. You just need to have proper permission level.

দুদিন ধরে ঘোড়া রোগ বাস কম্পানি গুলোর। সোজা রাস্তা রেখে দুনিয়া ঘুরে যাওয়া আসা করবে। প্রতিদিন পাক্কা ৪ ঘন্টা করে রাস্তায় নষ্ট হয়। ৪ এর মধ্যে ৩ ঘন্টাকে যদি কর্ম ঘন্টা ধরি, তাহলে কত টাকার ক্ষতি হচ্ছে? আউটসোর্সিং এর ক্ষেত্রে বাংলাদেশের IT ডেভেলপারের গড় rate ২০ ডলার/ঘন্টা ধরলে, ৩ ঘন্টায় ৬০ ডলার। মাসে ২০ দিন এই ভাবে মোট খরচ ১২০০ ডলার!!! হায় আল্লাহ এতো দেখি আমার মাসের বেতনের চেয়ে বেশি হয়ে যাচ্ছে!! ভালই… দেশ এগিয়ে যাচ্ছে। আমরা এখন মেগা সিটির বাসিন্দা।

সবকিছুতেই আজকাল negative দিকটাই আগে দেখছি। কারণটা কি? না মানব হয়ে যাচ্ছি নাকি? ‘না মানব’! ভাল হয়েছে তো নামকরণ টা। মাঝে চেষ্টা নিয়েছিলাম জোর করে ‘হ্যাঁ মানব’ হওয়ার। হয়ে গেলাম উল্টোটা। ভাবছি এবার জোর করে না মানব হওয়ার চেষ্টা করব। যদি অবস্থার কিছু উন্নতি হয়।

আচ্ছা, আমি তো আমার দেশটা কে অনেক বেশি ভালবাসি। তাহলে কেন সব খারাপ দিক গুলোই চোখে পড়ে? ভাল দিক যে পড়ে না তা নয়। আসলে দেশের খারাপ দিক না। মনে হয় দেশের মানুষ এর। আমার দেশটায় চুড়ান্ত রকমের দূষন দেখা দিয়েছে। মানব দূষন। আমিও বেচে নেই এই দূষন থেকে। মাঝে মাঝে পালাতে ইচ্ছে করে। কিন্তু আবার ভাবি, ধ্যাত, পালাব কেন? আসলে হয়ত পালানোর জায়গাও নেই। তাই একটু হিরোগিরি দেখানোর চেষ্টা।

আজকাল সারাক্ষনই মেজাজ খারাপ হয়ে থাকে। বাসায় থাকা চাচাতো ভাইটাকে গত ৩ বছরে কখনো বকিনি। কিন্তু কাল প্রথমবারের মত বকা দিলাম। কিন্তু সেটাও অকারণে। বাইরে বের হলেতো কথাই নেই। মনে হয় নিজে ছাড়া আর সবাই উলটো পথে চলছে। আসলে হয়ত আমি নিজেই সোজা পথটা দেখতে পাচ্ছি না।

মেজাজ খারাপের কোন কারণ খুঁজে পাই না। খুঁজতে যাইও না অবশ্য। সেটা খুঁজে বের করতে গেলে মনবিঞ্জানে PHDর থিসিস পেপার হয়ে যাবে।

কি সব আবোল তাবোল লিখে যাচ্ছি। এটা অবশ্য মজাই। যাই লেখো না কেন, কেউ কিছু বলবে না। অর্থহীন হলেতো আরও ভাল। সবার মাথার উপর দিয়ে যাবে। কেউ কিছু না বুঝে উলটো বাহবা দিয়ে যাবে! খাসা হয়েছে বৎস, চমৎকার লিখেছ। কিন্তু লিখেছি যে কাকের ঠ্যাং আর বকের ঠ্যাং তা তো শুধু আমিই জানি। যে বাহবা দিচ্ছে সে ও জানে। কিন্তু বলে না। হাজার হোক মেগা সিটির বাসিন্দা। নাগরিক সভ্যতা বলে একটা ব্যাপার আছে না?!

সকল সুনারগিকদের শুভেচ্ছা। আর যারা এইযে ৩০ মিনিট নষ্ট করে এই লেখা টা পরলেন তাদের অনেক ধন্যবাদ। এই ৩০ মিনিটের মূল্য উপরের সূত্র অনুসারে ১০ ডলার = প্রায় ৭০০ টাকা। হা হা… বেশ বেশ… ভাল একটা সূত্র আবিস্কার করে ফেলেছি। আগামী বছর নোবেলের জন্য মনোনয়ন পেয়ে যেতে পারে। কিন্তু কোন বিভাগে পাবে এই ব্যাপারে একটু confusion আছে। এই confusion টার জন্য নোবেলটা আবার মিস না হয়ে যায়!!

Say you want to select all the div tags which has ID starting with ‘my’. How can you do that? Select all the div in the document, parse everyone’s id? Well, here this is a one line code in Mootools using the getElements function. It actually uses the general RegEx symbols to match property values.

To select the div with id starting with ‘my’ it would use getElements(‘div[id^=my]‘);

Some other examples from Mootools documentation:

//Returns all anchors within myElement.
$('myElement').getElements('a');

//Returns all input tags with name "dialog".
$('myElement').getElements('input[name=dialog]');

//Returns all input tags with names ending with 'log'.
$('myElement').getElements('input[name$=log]');

//Returns all email links (starting with "mailto:").
$('myElement').getElements('a[href^=mailto:]');

//Adds events to all Elements with the class name 'email'.
$(document.body).getElements('a.email').addEvents({
'mouseenter': function(){
this.href = 'real@email.com';
},
'mouseleave': function(){
this.href = '#';
}
});

Mootools documentation on Selectors utility is here: http://mootools.net/docs/core/Utilities/Selectors

Most used function of Mootools is the $ function. Its a bit confusing with JQuery and that’s why conflicts with JQuery, if used on the same page. $ selects a dom element from the document by its id. The syntax is $(‘element_id’). There is another pretty good function that I like is $$ function. It selects elements by class name or tag etc. More on this functions are available at Mootools documentation.

Mootools Request feature is another great thing to have. This AJAX calling function is capable of sending AJAX request either in GET or POST method.

These are the basic functions one may need to develop a regular web application. There are also other common helper functions for Array, String, Number, Cookie etc. For detail idea about Mootools it is suggested to visit Mootools Documentation at: http://docs.mootools.net/

One thing to keep in mind. Whenever you are adding some JavaScript code on your documents HEAD, make sure it is inside a document onReady or onLoad function. Otherwise you’ll get stuck with JS errors. Most of the cases, the common mistake is like using the JS code to get an element at the HEAD, but the body is still loading… So the script couldn’t find the element and through error.

For Mootools, this onLoad wrapping syntax is like this:

window.addEvent('domready', function(){
//Your Code Here
});

বাস গুলো রাস্তায় পার্ক করা শুরু করার পর থেকে এই ফুটপাথটা খারাপ হয়ে গেছে। নেশাখোরদের আখড়া হয়ে গেছে। নিশ্চয়ই তেমন কেউ। মাত্রাতিরিক্ত নেশা করে বেহুঁশ হয়ে আছে। আমাদের এই ঘুনে ধরা দেশে এইসব নিয়ে মাথা ঘামানোর কিছুই নেই। পড়ে আছে, সকালে উঠে চলে যাবে। পড়ে থাকা শরীরটা ডিঙ্গিয়ে চলে আসলাম। কিন্তু তবুও কেন যেন মনে হল, মরে গেছে মানুষটা।

একবার ভাবলাম পুলিশ কে একটা ফোন করে দিলেই তো হয়। ওরাই যা করার করবে। তবু কেন যেন করলাম না।

সকালে অফিসে যাওয়ার সময় একই অবস্থায় পড়ে থাকতে দেখলাম লোকটাকে। তখনও ফোন করলাম না। কেন করলাম না? দায়িত্ব থেকে পালিয়ে গেলাম??

সত্যিই কি পালিয়ে যেতে পেরেছিলাম? সারাদিনই মনের মধ্যে একটা কিসের যেন খোঁচা লাগছিল! সন্ধ্যায় ফেরার পথে আবারও বাঁধা। এবার তার পাশে কয়েকজন পুলিশও আছে। জিজ্ঞেশ করে জানতে পারলাম, বেওয়ারিশ লাশ, তাই আঞ্জুমানের গাড়ির জন্য অপেক্ষা করছে। কেমন যেন একটা কষ্টবোধ ভেতরে। কেন কালই কোন ব্যবস্থা নিলাম না? তাহলে হয়ত মৃত মানুষটাকে দুইটা দিন রাস্তায় পড়ে থাকতে হত না।

আচ্ছা, এই মানুষটার জন্মের সময় কেউ কি ভাবতে পেরেছিল তার এমন পরিণতি হবে? তার মা হয়ত কত আদরেই না আগলে রাখত ছোট্ট বাচ্চাটাকে। তার জীবনের এত গুলো বছরে সে নিজে কি কখনো ভেবেছিল? আচ্ছা, কার উপর তার এত অভিমান ছিল যে নেশার হাতে নিজেকে সপে দিয়ে জীবনের এমন পরিণতি টেনে আনল? কিসের এত অভিমান ছিল তার?

তাকে যদি ঈশ্বর জিজ্ঞেশ করে কার প্রতি তোমার এত অভিমান? সেই তালিকায় আমার নামটাও কি থাকবে না? হয়ত সর্বশেষ নামটা হবে আমার। সে হয়ত অভিমান করে বলবে, সেদিন সন্ধ্যায়ই যদি কোন ব্যবস্থা নিতাম, তাহলে তার মৃতদেহটা নর্দমার পাশে দুই দিন পরে থাকত না।

হতে পারে অনেক নিষ্ঠুর হয়ে গেছি আমি। ভেতরটা পাথর হয়ে গেছে। কিন্তু তারপরও আজ যখন ওকে দেখলাম মনটা কেমন যেন করে উঠল। কেন বলতো? আমার তো বিচলিত হবার কথা না!! কিন্তু ওকে দেখেই ভেতরের ঘুমিয়ে থাকা পাগলটা যেন লাফিয়ে উঠল! এতদিনের সাধনায় পাগলটাকে ঘুম পাড়িয়েছিলাম!! কিন্তু ওর একটা ডাকেই সে জেগে উঠল!

জান? আজ অফিস থেকে বের হবার সাথে সাথেই ধুলি মেশানো দমকা বাতাসটা যখন ধাক্কা দিল, তখনই মনটা কেমন যেন করে উঠেছিল। সবকিছুই যেন ছিল একদম গোছানো! আজ আমার সাথে তার দেখা হবার জন্য!! গুলশান নেমে যখন রিকশাওয়ালাকে ভাংতির অভাবে ভাড়া দিতে পারছিলাম না, তখন একটুও বিরক্ত লাগেনি। নিজে থেকেই দোকানে গেলাম ভাংতি করতে!!! তুমি ভাবতে পারো? আমি ফুরফুরে মনে রিকশাওয়ালার জন্য টাকা ভাংতি করতে জাচ্ছি? যখন দোকানীটা টাকা গুনে দেওয়ার সময় গল্প করে আমার দেরি করিয়ে দিচ্ছিল, তখনো বিরক্ত হইনি! মজা করে তার গল্প শুনছিলাম! যেন কোনই তাড়া নেই আজ আমার!

তখনও কি জানতাম তার সাথে দেখা করিয়ে দেওয়ার জন্য এটা প্রকৃতির একটা সাজানো খেলা!! আচ্ছা, যদি জানতাম, তাহলে কি আমি পালিয়ে চলে আসতাম? কি করতাম আমি বল তো? তুমি তো আমাকে বেশ চেন।

রাস্তাটা পার হয়ে গুলশান মার্কেটের সামনে দাঁড়িয়েছি আর বৃষ্টির ডাক শুনতে পেলাম। প্রথমে বিশ্বাসই হতে চাচ্ছিল না! বৃষ্টি আমাকে ডাকছে? আমি ওকে এত অবহেলা করার পরেও? আর জানো, আমি না এবার উপেক্ষা করতে পারলাম না! হঠাৎ করেই পাগলটা জেগে উঠল। সামান্যতম চিন্তা করার সুযোগও আমাকে দিল না! ছুটে চলে গেল ওর কাছে।

তারপর অনেকটা পথ আজ হেঁটেছি ওর সাথে। কিন্তু জানো কার কথা ভাবছিলাম তখন? অবিশ্বাস্য!! আমি তোমার কথাই ভাবছিলাম!! কি নিষ্ঠুর রকমের ধোঁকাবাজ আমি! বৃষ্টির সাথে হাঁটছি আর ভাবছি তোমার কথা! কিন্তু কি করব বলো? সারাক্ষন মনে হচ্ছিল, এমন একটা সন্ধ্যা তুমি আমার কাছে অনেক চেয়েছ। কিন্তু না না অজুহাতে আমি তোমায় দেইনি। কিন্তু আজ বৃষ্টি একবার ডাকতেই ওকে দিয়ে দিলাম?

এর ঘন্টা খানেক পরে যখন কাঁপতে কাঁপতে বাসায় ঢুকলাম, তখনো তুমি মাথার ভিতরে। বৃষ্টির স্নিগ্ধ ছোঁয়া সারা গায়ে। কিন্তু তবুও অস্বস্তি… স্যান্ডেলটা পুরোনো হয়ে গেছে। রাস্তার কাঁদা পানিতে চপচপ করছে। তোমার দেওয়া নীল টি-শার্ট টায় হয়ত দাগ পরে যাবে। তোমার দেওয়া ব্যাগটা চুঁইয়ে পানি ধুকেছে ভেতরে। মোবাইলটা ভিজে গেছে। মাথাটা ব্যাথা করছে খুবই।

আচ্ছা বলতো তোমাকে এমন একটা সন্ধ্যা দিলে কি এমন ক্ষতি হত? আসলে এটাই হয়ত ভালোবাসা।

আমি তোমাকে বলেছিলাম, সে আমাকে সবার চেয়ে বেশি ভালোবাসে। তুমি বলেছিলে, না হতেই পারে না। বৃষ্টি তোমাকে সবচে বেশি ভালবাসে। তোমার কথাই ঠিক জানো? নাহলে সে আসলে শুধু তোমারই কথা কেন মনে করিয়ে দেয়?

This is a well discussed and pretty advanced way of DirectX. I’ve just studied on it and found some way to implement. Nothing new I’ve proposed here, but learned a lot.

I’ve worked on popular DirectX file format – .x and rendered the graphics information from .x to the screen.

I’ve used Microsoft Visual C# as programming language.

I’ve become interested about this .x file format while I was thinking of modeling my bedroom in 3D. That seemed to me like an amazing project, but it was a bit complex and large scale. Then I found this bridge between renowned 3D modeling software and DirectX. It’s possible to make a 3D model of almost anything using those software (e.g. 3D Studio Max, Maya, Poser etc.) and then I can export that model in DirectX format.

Most of the 3D modeling software supports this format. For 3D Studio Max I’ve used “PandaDXExport” plug-in.

I’d like to leave the discussion about the modeling process of 3D Studio Max or Maya to their own tutorials or documents. When I’ve been able to export the model in .x format, it’s now my job to extract the information from the file and display on screen.

First we need to know the format of X File.

Well, it’s not as hard like the unsolved case of FBI in the TV serial – X Files. It’s not even related. The .x file format is pretty simple. Some tag based information storing system. It is template-driven file format and is used by Direct3D Retained Mode to describe geometry data, frame hierarchies, and animations. In short, we store all information of a Mesh in an .x file.

Each file is lead by a header which contains the file format (e.g. text or binary), float length etc.

Then the templates are defined. Templates define how the data stream is interpreted—the data is modulated by the template definition.

Then data is defined. Data objects contain the actual data or a reference to that data. Each has a corresponding template that specifies the data type.

For more detail about .x file format, following website can be a good resource:

• http://local.wasp.uwa.edu.au/~pbourke/dataformats/directx/

Mesh can hold all the Material and Texture information you need to draw an object. As an example, we could again put our whole 3D city into one mesh, have it optimized and displayed.

While loading a file that stores Mesh, it would be too complex to call individual function for individual type of object. So I’ve built a generic Mesh loading function where the file name is passed as argument.
LoadMesh(string file_path, string file_name)
Then I have loaded the Mesh file using the LoadMesh() function of Direct3D.
this.m_Mesh = Mesh.FromFile(file_name, MeshFlags.Managed, m_Device, out exmaterials)
Then I have extracted the material and texture information in separate arrays with the following code:

for (int i = 0; i < exmaterials.Length; i++)
{
string texture_file = exmaterials[i].TextureFilename;
if (texture_file != null)
{
if (texture_file.Length > 0)
{
try
{
m_Textures[i] = TextureLoader.FromFile(m_Device, file_path + texture_file);
}
catch
{
MessageBox.Show("Error loading texture " + texture_file, "Error");
}
}
}
this.m_Materials[i] = exmaterials[i].Material3D;
this.m_Materials[i].Ambient = m_Materials[i].Diffuse;
}

After this point I have all the material and texture information.

Now I have to draw the 3D object with the information I have in my hand. For this purpose, I have initialized the graphics earlier with the InitializeGraphics() function.

public bool InitializeGraphics()
{
PresentParameters parms = new PresentParameters();
parms.Windowed = true;
parms.SwapEffect = SwapEffect.Discard;
parms.EnableAutoDepthStencil = true; // Depth stencil on.
parms.AutoDepthStencilFormat = DepthFormat.D16;
try
{
this.m_Device = new Device(0, DeviceType.Hardware, this.viewPort,
CreateFlags.SoftwareVertexProcessing, parms);
}
catch
{
MessageBox.Show("Hardware initialization failed", "Exception");
}
// Turn on D3D lighting.
m_Device.RenderState.Lighting = true;
// Turn on the Z-buffer.
m_Device.RenderState.ZBufferEnable = true;
// Cull triangles that are oriented counter clockwise.
m_Device.RenderState.CullMode = Cull.CounterClockwise;
// Make points bigger so they're easy to see.
m_Device.RenderState.PointSize = 4;
// Start in solid mode.
m_Device.RenderState.FillMode = FillMode.Solid;
// Make the lights.
SetupLights();
return true;
}

Then in the paint function, first I have to setup the world and view matrixes, setup the camera and the lights. I have done this inside the function: SetupMatrices().

Inside the function, I have checked the user’s input and determined the rotation axes, camera position etc. The function definition of SetupMatrices() is like this:

private void SetupMatrices()
{
// World Matrix:
const int TICKS_PER_REV = 10000;
double angle = Environment.TickCount * (2 * Math.PI) / TICKS_PER_REV;
switch (this.rotationAxes)
{
case 1: //X Axes
this.m_Device.Transform.World = Matrix.RotationX((float)angle);
break;
case 2: //Y Axes
this.m_Device.Transform.World = Matrix.RotationY((float)angle);
break;
case 3: //Z Axes
this.m_Device.Transform.World = Matrix.RotationZ((float)angle);
break;
}
// View Matrix:
Vector3 camera_position = new Vector3(this.camXPos, this.camYPos, -20);
camera_position.Normalize();
camera_position.Multiply(this.m_Range);
this.m_Device.Transform.View = Matrix.LookAtLH(
camera_position,
new Vector3(0, 0, 0),
new Vector3(0, 1, 0));
// Projection Matrix:
this.m_Device.Transform.Projection =
Matrix.PerspectiveFovLH((float)(Math.PI / 4), 1, 1, 100);
}

And finally when all the setups are done, I draw all the Mesh and subsets from the .x file.

// Draw the mesh's subsets.
for (int i = 0; i < this.m_NumSubSets; i++)
{
this.m_Device.Material = m_Materials[i];
this.m_Device.SetTexture(0, m_Textures[i]);
this.m_Mesh.DrawSubset(i);
}

That’s all except for the last line inside the OnPaint() function.

this.Invalidate();

This line refreshes the viewport on each tick and displays the new object position.

That described the flow of my work – how I have processed the .x file and printed the 3D Mesh on the screen.

Except the above codes, I have some user input handling methods. I have handled input for zoom in/out, moving the camera about X axes and Y axes, changing the .X File on the go etc.

The project loads .X file and renders it perfectly. Only has some problem with animation template. There has to be some more complex handling. I could not do it here but wish to. I had developed a sample animation in 3D Studio Max and added the exported .X file (Truck.x) in the project. But it does not load properly.

I had the plan to develop a 3D model of my bedroom and display it, but could not finish processing all those images to develop a 3D view. As a sample I have added a 3D view of a lobby which I found on the internet.

The .X files I have used here are from Microsoft’s ® sample file and from internet. Some are exported from 3D Studio Max.

Methods Used

The Code

There are several files and a lot of code in them. Most are for initializing the forms and UI development. All the codes and project files are available inside the download archive. The main code file required to render Mesh from external .X file is display.cs file. Code is commented for better understanding.

External Resources Used

Plug-in to export .x from 3D Studio Max

• PandaDXExport4.6.62.0

• Downloaded from Pandasoft (http://www.andytather.co.uk/Panda/directxmax.aspx).

References

• Riemer’s XMA Tutorial

o http://www.riemers.net/eng/Tutorials/XNA/Csharp/series1.php

o http://www.riemers.net/eng/Tutorials/DirectX/Csharp/Series2/tut5.php

• DirectX Format

o http://local.wasp.uwa.edu.au/~pbourke/dataformats/directx/

• MSDN Forum

o http://forums.msdn.microsoft.com

• DirectX Resources and Documentation

o http://msdn.microsoft.com/en-us/directx/bb896684.aspx

o http://msdn.microsoft.com/en-us/library/aa139763.aspx

Screen Shot

Displaying the airplane model from .x file

Downloads

Download code and project files here.

ঘুম পাড়ানী মাসি পিসি

মোদের বাড়ি এসো,

খাট নাই পালঙ্ক নাই,

চোখ পেতে বসো।

বাটা ভরা পান দেবো

গাল ভরে খেও,

খোকার চোখে ঘুম নাই

ঘুম দিয়ে যেও।

—

খোকা ঘুমালো, পাড়া জুড়ালো

বর্গী এলো দেশে,

বুলবুলিতে ধান খেয়েছে

খাজনা দেব কিসে?

ধান ফুরালো, পান ফুরালো

খাজনার উপায় কি,

আর কটা দিন সবুর করো

রসুন বুনেছি।

—

So, খোকা খুকুরা, ঘুম বন্ধ।।

So, here is what I’ve learned:

The table:

Suppose the structure of the MySQL table (say ‘file_table‘) is like this:

It has three fileds:

• id : the primary key, integer type with auto increment feature.
• content: the content of file, blob type.
• type: varchar type, the type of the file (e.g. doc, pdf etc.).


Upload:

I think you can create a HTML form with a input with file type. Its pretty simple. Just use this code to make a input field be able to upload file:

<input id="file_upload" name="file_upload" type="file" />

Now the backend coding. I’m using PHP for this.

You can get the temp file name (the name server assigned to your uploaded file) using this:

$tmpName = $_FILES['file_upload']['tmp_name'];

Now following code segment reads the content of the file to a variable:

$fp = fopen($tmpName, 'r');
$file_size =  filesize($tmpName);
$content = fread($fp, $file_size);
$content = addslashes($content);
fclose($fp);

if(!get_magic_quotes_gpc())
{
$fileName = addslashes($fileName);
}

To get the file type, we use this segment of code:

$type = get_file_extension($tmpName);

function get_file_extension($str)
{
$i = strrpos($str,".");
if (!$i) { return ""; }
$l = strlen($str) - $i;
$ext = substr($str,$i+1,$l);
return $ext;
}

Now use this query to insert the file to database:

$query = 'INSERT INTO file_table VALUES (" ' . $content . ' ", " ' . $type . ' ")';
$result = @mysql_query($query) or die(mysql_error());

That’s it. We’ve uploaded our file to the database.

Download:

We’ve uploaded the file. Now we need to download it sometime. Thats not that hard actually.

We’ll follow these stpes:

• Get the id of desired file
• Fetch the file from database on the basis of the id
• Make the file ready for download

Say, we get the id from URL. Then following code will make the file available for download:

$id    = $_GET['id'];
$query = "SELECT content, type FROM file_table WHERE id = '$id' ";

$result = mysql_query($query) or die(mysql_error());
list($file, $ftype) = mysql_fetch_array($result);

header("Content-length: $filesize");
header("Content-type: $ftype");
header("Content-Disposition: attachment; filename = FILENAME.$ftype");
echo $file;

Here we set the header with the file information. Make sure, nothing else is printed on the page before the header() call. Otherwise it will show an error and terminate. You can place your desired file name at the place of ‘FILENAME‘. Another thing is, connection with the database server is to be made before any database operation. I think you know the function:

mysql_connect();

If not can check this post: Basic PHP