Asp.Net C#

How to rename file when upload in Asp.net FileUpload

<div dir="ltr" style="text-align: left;" trbidi="on">
asp.net FileUpload example: how to rename file when upload. 
 
<ol class="dp-xml" start="1">
<li class="alt"><%@ Page Language="C#" %>  </li>
<li class=""><%@ Import Namespace="System.IO" %>  </li>
<li class="alt">  </li>
<li class=""><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  </li>
<li class="alt">  </li>
<li class=""><script runat="server">  </li>
<li class="alt">    protected void Button1_Click(object sender, System.EventArgs e) {  </li>
<li class="">        string uploadFolder = Request.PhysicalApplicationPath + "UploadFile\\";  </li>
<li class="alt">        if (FileUpload1.HasFile)  </li>
<li class="">        {  </li>
<li class="alt">            string extension = Path.GetExtension(FileUpload1.PostedFile.FileName);  </li>
<li class="">            FileUpload1.SaveAs(uploadFolder + "Test"+ extension);  </li>
<li class="alt">            Label1.Text = "File uploaded successfully as: " + "Test"+ extension;  </li>
<li class="">        }  </li>
<li class="alt">        else  </li>
<li class="">        {  </li>
<li class="alt">            Label1.Text = "First select a file.";  </li>
<li class="">        }  </li>
<li class="alt">    }  </li>
<li class=""></script>  </li>
<li class="alt">  </li>
<li class=""><html xmlns="http://www.w3.org/1999/xhtml">  </li>
<li class="alt"><head id="Head1" runat="server">  </li>
<li class="">    <title>asp.net FileUpload example: how to rename file when upload (change file name when upload)</title>  </li>
<li class="alt"></head>  </li>
<li class=""><body>  </li>
<li class="alt">    <form id="form1" runat="server">  </li>
<li class="">    <div>  </li>
<li class="alt">        <h2 style="color:Green">asp.net FileUpload example: File Rename</h2>  </li>
<li class="">        <asp:Label   </li>
<li class="alt">             ID="Label1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             Font-Size="Large"  </li>
<li class="">             ForeColor="OrangeRed"  </li>
<li class="alt">             >  </li>
<li class="">        </asp:Label>  </li>
<li class="alt">        <br /><br />  </li>
<li class="">        <asp:FileUpload   </li>
<li class="alt">             ID="FileUpload1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             BackColor="DeepPink"   </li>
<li class="">             ForeColor="AliceBlue"   </li>
<li class="alt">             />  </li>
<li class="">        <asp:Button   </li>
<li class="alt">             ID="Button1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             Font-Bold="true"   </li>
<li class="">             ForeColor="DeepPink"   </li>
<li class="alt">             OnClick="Button1_Click"  </li>
<li class="">             Text="Upload It"  </li>
<li class="alt">             />     </li>
<li class="">    </div>  </li>
<li class="alt">    </form>  </li>
<li class=""></body>  </li>
<li class="alt"></html> </li>
</ol>

</div>

</div>
<a href="https://www.blogger.com/null" name="7617405796949042901"></a>
<h3 class="post-title entry-title">
How to rename file when upload in asp.net FileUpload
</h3>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr valign="top">
<td>
</td>
</tr>
</tbody></table>
<div class="aspposttitle">
asp.net FileUpload example: how to rename file when upload (change file name when upload) </div>
<div class="filenamewrapper">
<div class="filename">
FileUploadRename.aspx </div>
</div>
<div class="dp-highlighter">
<div class="bar">
<div class="tools">
<a href="http://asp-net-example.blogspot.in/2009/01/aspnet-fileupload-example-how-to-rename.html#">Next Example</a><a href="http://asp-net-example.blogspot.in/2009/01/aspnet-fileupload-example-how-to-rename.html#">?</a></div>
</div>
<ol class="dp-xml" start="1">
<li class="alt"><%@ Page Language="C#" %>  </li>
<li class=""><%@ Import Namespace="System.IO" %>  </li>
<li class="alt">  </li>
<li class=""><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  </li>
<li class="alt">  </li>
<li class=""><script runat="server">  </li>
<li class="alt">    protected void Button1_Click(object sender, System.EventArgs e) {  </li>
<li class="">        string uploadFolder = Request.PhysicalApplicationPath + "UploadFile\\";  </li>
<li class="alt">        if (FileUpload1.HasFile)  </li>
<li class="">        {  </li>
<li class="alt">            string extension = Path.GetExtension(FileUpload1.PostedFile.FileName);  </li>
<li class="">            FileUpload1.SaveAs(uploadFolder + "Test"+ extension);  </li>
<li class="alt">            Label1.Text = "File uploaded successfully as: " + "Test"+ extension;  </li>
<li class="">        }  </li>
<li class="alt">        else  </li>
<li class="">        {  </li>
<li class="alt">            Label1.Text = "First select a file.";  </li>
<li class="">        }  </li>
<li class="alt">    }  </li>
<li class=""></script>  </li>
<li class="alt">  </li>
<li class=""><html xmlns="http://www.w3.org/1999/xhtml">  </li>
<li class="alt"><head id="Head1" runat="server">  </li>
<li class="">    <title>asp.net FileUpload example: how to rename file when upload (change file name when upload)</title>  </li>
<li class="alt"></head>  </li>
<li class=""><body>  </li>
<li class="alt">    <form id="form1" runat="server">  </li>
<li class="">    <div>  </li>
<li class="alt">        <h2 style="color:Green">asp.net FileUpload example: File Rename</h2>  </li>
<li class="">        <asp:Label   </li>
<li class="alt">             ID="Label1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             Font-Size="Large"  </li>
<li class="">             ForeColor="OrangeRed"  </li>
<li class="alt">             >  </li>
<li class="">        </asp:Label>  </li>
<li class="alt">        <br /><br />  </li>
<li class="">        <asp:FileUpload   </li>
<li class="alt">             ID="FileUpload1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             BackColor="DeepPink"   </li>
<li class="">             ForeColor="AliceBlue"   </li>
<li class="alt">             />  </li>
<li class="">        <asp:Button   </li>
<li class="alt">             ID="Button1"   </li>
<li class="">             runat="server"   </li>
<li class="alt">             Font-Bold="true"   </li>
<li class="">             ForeColor="DeepPink"   </li>
<li class="alt">             OnClick="Button1_Click"  </li>
<li class="">             Text="Upload It"  </li>
<li class="alt">             />     </li>
<li class="">    </div>  </li>
<li class="alt">    </form>  </li>
<li class=""></body>  </li>
<li class="alt"></html>  </li>
</ol>
</div>
 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHIJfomxpG_YZBWIkA5_Xk8gg0PF9Tih-oShzFu5b8Qza41FqYeB26KxHhOEVqjqc0mrstu-k_yzL8lrOZNxmm4p2EBuswmGAtP1vKI2WYeh7g7Y6kk-pcTMOFrefvqbSqoJHHEwOenJ_-/s1600-h/FileRename.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5290856446586276770" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHIJfomxpG_YZBWIkA5_Xk8gg0PF9Tih-oShzFu5b8Qza41FqYeB26KxHhOEVqjqc0mrstu-k_yzL8lrOZNxmm4p2EBuswmGAtP1vKI2WYeh7g7Y6kk-pcTMOFrefvqbSqoJHHEwOenJ_-/s320/FileRename.gif" style="cursor: hand; cursor: pointer; height: 165px; width: 320px;" /></a> 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapYaJ-13Kxx5uD7JrItKprzuTQmrS8D4Uqw9WqQ3fV4CS3h9KxPJaiQTocCUCH3hmssjpHjuwKq13g3yfpnQDD0V1DkwNMSyHMYba3QzbgPzYrGACPbBbS3L8vSPNQeOBL3yVXdYMbMvu/s1600-h/FileRename1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5290856594711805938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapYaJ-13Kxx5uD7JrItKprzuTQmrS8D4Uqw9WqQ3fV4CS3h9KxPJaiQTocCUCH3hmssjpHjuwKq13g3yfpnQDD0V1DkwNMSyHMYba3QzbgPzYrGACPbBbS3L8vSPNQeOBL3yVXdYMbMvu/s320/FileRename1.gif" style="cursor: hand; cursor: pointer; height: 184px; width: 320px;" /></a> 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHRf8EFg12p4DquamoFYBDFuYXckJMKjWd_qY19NCtqqIDaFHIZX-4nICTstSkozU6qrn1meqr2G-Why0rSC-QvM8Ha_mGCSMyr_Uc4Xir42tZf7r5nAUkaZBZQ7lD2jbM8PxAHkN5kG6/s1600-h/FileRename2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5290856739984249810" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHRf8EFg12p4DquamoFYBDFuYXckJMKjWd_qY19NCtqqIDaFHIZX-4nICTstSkozU6qrn1meqr2G-Why0rSC-QvM8Ha_mGCSMyr_Uc4Xir42tZf7r5nAUkaZBZQ7lD2jbM8PxAHkN5kG6/s320/FileRename2.gif" style="cursor: hand; cursor: pointer; height: 158px; width: 320px;" /></a> 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijXmaC0OtW-KqjVnFEcihk7xgk_tvlanZvqkswz2p7XeU5wFlDQUndIVkKdqpcWxKRniv3vWWo59J9gSr4obTPKShPRletuhyphenhyphenoU5Kwi8_JxRbFaMXRQUUlgy6zix0QhJx6rtDuieTvuCCa/s1600-h/FileRename3.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5290856999843200082" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijXmaC0OtW-KqjVnFEcihk7xgk_tvlanZvqkswz2p7XeU5wFlDQUndIVkKdqpcWxKRniv3vWWo59J9gSr4obTPKShPRletuhyphenhyphenoU5Kwi8_JxRbFaMXRQUUlgy6zix0QhJx6rtDuieTvuCCa/s320/FileRename3.gif" style="cursor: hand; cursor: pointer; height: 320px; width: 224px;" /></a> </div>

How to rename file when upload in Asp.net FileUpload

asp.net FileUpload example: how to rename file when upload. %@ Page Language="C#" %> %@ Import Namespace="System.IO" %> > script runat="server"> protected void Button1_Click(object …

23 Feb 2014

Simple Tooltip Using HTML and CSS

<div dir="ltr" style="text-align: left;" trbidi="on">
A tooltip is a pop-up message that is 
shown when the user hovers the mouse over an element such as a TextBox 
or a Button etcetera. In this article I show you how to create a simple tooltip using HTML and CSS. Observe the following table. Here we have placed the Input (Text) controls (txtUsername, txtPassword) inside the anchor tag. We
 have added a class name (tooltip) to the anchor tag and given some text
 to the the alt attribute. Using an alt attribute we will display a 
tooltip for the Input (Text) controls. 
<blockquote style="border: none; margin: 0 0 0 40px; padding: 0px;">
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<html> <head> </head> <body>     <table style="width: 270px;">         <tr>             <td>                
Username:             </td>             <td>                 <a href="#" alt="Please enter
username" class="tooltip">                     <input id="txtUsername" type="text" /></a>             </td>         </tr>         <tr>             <td>                
Password:             </td>             <td>                 <a href="#" alt="Please enter
password" class="tooltip">                     <input id="txtPassword" type="text" /></a>             </td>         </tr>         <tr>             <td>             </td>             <td>                 <input id="Button1" type="button" value="Login" />             </td>         </tr>     </table> </body> </html></div>
</blockquote>
<div class="MsoNormal">
 Now our
page looks in browser as follows</div>
<div class="csharpcorner" style="background: white; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: .5in; margin-right: 0in; margin-top: 0in; text-indent: -.5in;">
 </div>
<div class="csharpcorner" style="background: white; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: .5in; margin-right: 0in; margin-top: 0in; text-indent: -.5in;">
 <img alt="1.png" border="0" height="101" src="http://www.c-sharpcorner.com/UploadFile/d40a40/simple-tooltip-using-html-and-css/Images/1.png" width="255" /></div>
Now we will add some CSS style to the anchor tags; see:        .tooltip         {             display: inline;             position: relative;             text-decoration: none;             top: 0px;             left: 4px;         } 
 Now by using the anchor tags we will display the tooltip for the Input (Text) controls. Observe the following style of the anchor tags:         .tooltip:hover:after         {             background: #333;             background: rgba(0,0,0,.8);             border-radius: 5px;             top: -5px;             color: #fff;             content: attr(alt);             left: 160px;             padding: 5px 15px;             position: absolute;             z-index: 98;             width: 150px;         } 
 Here we are providing a style whenever the user hover the mouse over the anchor tags. We are specifying some style using the :after selector. In the preceding style we have given a border and a border radius etcetera. Here
 we have set the content attribute to content: attr(alt); this property 
will display the tooltip by using the alt attribute of the anchor tag. Whatever you give to the alt tag of the anchor element it will be displayed as a tooltip. Now we will add one arrow to the tooltip as follows using the :before selector:        .tooltip:hover:before         {             border: solid;             border-color: transparent black;             border-width: 6px 6px 6px 0;             bottom: 20px;             content: "";             left: 155px;             position: absolute;             z-index: 99;             top: 3px;         } 
 <div style="background: white;">
Finally script of our page is:</div>
<blockquote style="border: none; margin: 0 0 0 40px; padding: 0px;">
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<html> <head>     <style type="text/css">         .tooltip         {             display: inline;             position: relative;             text-decoration: none;             top: 0px;             left: 4px;         }         .tooltip:hover:after         {             background: #333;             background: rgba(0,0,0,.8);             border-radius: 5px;             top: -5px;             color: #fff;             content: attr(alt);             left: 160px;             padding: 5px 15px;             position: absolute;             z-index: 98;             width: 150px;         }         .tooltip:hover:before         {             border: solid;             border-color: transparent black;             border-width: 6px 6px 6px 0;             bottom: 20px;             content: "";             left: 155px;             position: absolute;             z-index: 99;             top: 3px;         }     </style> </head> <body>     <table style="width: 270px;">         <tr>             <td>                 Username:             </td>             <td>                 <a href="#" alt="Please
enter username" class="tooltip">                     <input id="txtUsername" type="text" /></a>             </td>         </tr>         <tr>             <td>                 Password:             </td>             <td>                 <a href="#" alt="Please
enter password" class="tooltip">                     <input id="txtPassword" type="text" /></a>             </td>         </tr>         <tr>             <td>             </td>             <td>                 <input id="Button1" type="button" value="Login" />             </td>         </tr>     </table> </body> </html></div>
</blockquote>
<div class="MsoNormal">
Save this script as .html file or download the attachment and
open in browser then mouse over on to the username and password Textboxes we
will get the tooltip as follows. </div>
<div style="background: white;">
Mouse over on to the Username Textbox.</div>
<div style="background: white;">
<img alt="2.png" border="0" height="106" src="http://www.c-sharpcorner.com/UploadFile/d40a40/simple-tooltip-using-html-and-css/Images/2.png" width="442" /></div>
<div style="background: white;">
Mouse over on to the Password Textbox</div>
<div style="background: white;">
<img alt="3.png" border="0" height="100" src="http://www.c-sharpcorner.com/UploadFile/d40a40/simple-tooltip-using-html-and-css/Images/3.png" width="450" /></div>
So this is the simple way to display the tooltip using HTML and CSS. We can use this tooltips procedure for images also.</div>

Simple Tooltip Using HTML and CSS

A tooltip is a pop-up message that is shown when the user hovers the mouse over an element such as a TextBox or a Button etcetera.In this article I show you how to create a simple tooltip using HTM…

22 Feb 2014

Simple basic ajax Example for Beginners

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="AJAX" src="http://www.w3schools.com/images/w3ajax.gif" />AJAX = Asynchronous JavaScript and XML.</div>

AJAX is not a new programming language, but a new way to use existing standards.

AJAX is the art of exchanging data with a server, and updating 
parts of a web page - without reloading the whole page. 
 
 
<!DOCTYPE html> <html> <head> <script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest)   {// code for IE7+, Firefox, Chrome, Opera, Safari   xmlhttp=new XMLHttpRequest();   } else   {// code for IE6, IE5   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   } xmlhttp.onreadystatechange=function()   {   if (xmlhttp.readyState==4 && xmlhttp.status==200)     {     document.getElementById("myDiv").innerHTML=xmlhttp.responseText;     }   } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onclick="loadXMLDoc()">Change Content</button> </body> </html> </div>

Simple basic ajax Example for Beginners

AJAX = Asynchronous JavaScript and XML. AJAX is not a new programming language, but a new way to use existing standards. AJAX is the art of exchanging data with a server, and updating parts of a web…

21 Feb 2014

Load more posts