Read CSV file content using Angular Directive.

-
This demo shows how to read a CSV file and get its content into scope by using angular .

Let's consider the view where we will be having Upload control and that's very simple code . Below would be the HTML file.




If you notice the accept attribute on file upload control above forces the browser to accept files type .CSV but again user can change it anytime and select another file . Have a validation for file type if you want to restrict to CSV only


 Now Let's define the Controller File which reads the input type . 



For Demo Purpose I am just copying all contents into scope .Choose your implementations according to Your need !! 

Result of Code  :



Comments

Post a Comment

Popular posts from this blog

The Top 15 Google Products for People Who Build Websites

-
Image
Google’s strategy of empowering site developers and owners with free and valuable tools has proven to be effective in garnering a fair bit of geek love for the company. But this affinity to Google by technology enthusiasts is not without warrant—they really do make excellent products that can be instrumental in building, maintaining, and improving websites. What’s more, they’re all usually free.   Check out some of the best Google products for developing, analyzing, maintaining and tinkering with websites . 1. Google Chrome Developer Tools Most developers know the advantages and convenience of testing and debugging in a web browser. It’s this fact that has led to the popularity of browser add-ons such as Firebug and Web Developer Toolbar . Google Chrome, the latest major entry in the web browser market, has a robust, capable, intuitive, and downright helpful suite of tools geared for developers comparable to—and some might even argue, better than— web development tools ...
Read more

Google Translator using Windows forms

-
Image
This latest version of GoogleTranslator utilizes Google Translate's AJAX APIs to translate text and retrieves the translation by parsing the returned JSON content.  What is it? Sample Application beta Version GoogleTranslator is an object that allows you to translate text using the power of Google's online language tools. This demo  allows you to easily perform a reverse translation. The app can be used as a poor man's resource translator for simple phrases, but you'd be wise to confirm the translation with a native speaker before using the results. How do I create it? You use Google Api to get translated text to Target language you specify. string sourceLanguage =sourceLang; string targetLanguage = targetLang; string urlNew = string.Format("https://translate.googleapis.com/translate_a/single?client=gtx&sl={0}&tl={1}&dt=t&q={2}", sourceLanguage, ...
Read more

How Cloud Computing Can Help A Small Business Get Out of the Recession

-
Image
This post is part of our ReadWriteCloud channel, which is dedicated to covering virtualization and cloud computing. The channel is sponsored by Intel and VMware . As you're planning your Cloud Architecture, check out this helpful resource from our sponsors: Using a Data Center Relocation To Create A Virtual Infrastructure . Cloud computing creates enough disruptions for small businesses that it seems almost folly when we hear some of the stories we do. We heard one story about an IT department that said that the company could not afford to have more people accessing the Internet. Yes, the Internet is too expensive for small business. Maybe it's time to scrap the dial up? Cloud computing is one of those classic disruptions to a business that over time becomes part of the fabric for a how a company operates. You can either get into it now and be a leader or wait and join with the rest of the masses. That's not to say going with the masses is a bad thing. Every...
Read more