Simply Notes #2: Single Click File Upload in ASP.Net

-
For those who hate to click more than required and like Scott Hanselman said 

 "There are a finite number of keystrokes left in your hands before you die." 

 I definitely have very little left to spare and I am still writing this! - Check yours

 Here is one way of doing file upload in single click
  1. Keep fileupload control hidden using css styles
  2. On client click of the upload link button trigger the fileupload click event and return false so that server side click event is not fired
  3. Now bind an onchange event for the fileupload control
  4. Onchange event trigger the server side click event of upload link button
  5. On upload link server click save the file on server



Comments

Post a Comment

Popular posts from this blog

Launch .Net Core with VSCode for starters

-
Image
To use VSCode for .net core you would need Omnisharp extension so that we can debug our application just like as in Visual Studio. -- Photo by  SpaceX  on  Unsplash Using the dotnet new command we create a web and an API project dotnet new webapp appname.web dotnet new webapi appname.api Create a solution so that it wraps all the projects in one place dotnet new sln appname dotnet sln add appname.web appname.api After building the Web and the API projects we need to create the launch.json which VScode refers to build and debug the application. For a complete reference on doing these projects consider this great resource . You can always use VSCode terminal to run these above commands as well, also note you can open multiple terminals the same VSCode instance like this . Setup the launch.json by clicking on add configuration and select .Net core web app. we will need to add two such configurations one for web and another for web ap...
Read more

Google Maps

-
Image
Browsers are getting Stronger Sharper & Smarter ;) The day is not far away when we have nothing but a  browser installed in the desktop and things will be floating in the cloud ( provided our ISP are reliable which they are not now). Web technology is so open that even the all time money maker  Microsoft  to open up. WebGL is a open source technology that helps build 3D enabled apps with its rich API within the browser. WebGL's early application the  Body Browser  was just a peek to this technology. Google has integrated this tech with the google maps now and they have it pretty well. Google Maps GL once you click on the above link you will see a option on the left bottom something like this then just flow through. Now checkout the satellite view from the right top then just browse places its so smooth, no more frame by frame loading. Now that's sleek ;) even try the new view angles from the round knobs. Well everything was not smooth as i expe...
Read more

Protecting sensitive data using Secret Manager in .Net Core

-
Image
Accidentally pushing sensitive data stored in application config into source controls!!! Thankfully this happens to many not only you 😜. It feels good when you have company doing mistakes or anything else. So here is how make sure this does not happen again. There are  multiple ways  to protect, the one we will learn now is using Secret Manager tool in #dotnetcore. All we have to do use  dotnet user-secrets  this command. Before using it remove the sensitive value of the property you are trying to hide. In my case it is  "TwilioAuthToken":""  in  appsettings.json  file. Now in the terminal run this below command, dotnet add package Microsoft.Extensions.SecretManager.Tools We have the necessary tools required to run the commands on  user-secrets . Lets create a key value vault for our project in * .csproj  file like this <PropertyGroup> <UserSecretsId>LocalKeyVault</UserSecretsId> </PropertyGr...
Read more