Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body ng-controller="MainCtrl">
- <p>Hello {{name}}!</p>
- TO: <input type="text" name="to" id="to" ng-model="to" required ></input><br>
- Subject : <input type="text" name="subject" id="subject" ng-model="subject"></input>
- <br>Attachment: <input type="file" ng-file-model="files" multiple /> <br>
- <p ng-repeat="file in files">
- {{file.name}}
- </p>
- <textarea rows="20" maxlength=35000 name="message" ng-model="message" ></textarea>
- <button type="button" ng-click="upload()">Send</button>
- </body>
- app.controller('MainCtrl', function($scope) {
- $scope.name = 'World';
- $scope.files = [];
- $scope.upload=function(){
- alert($scope.files.length+" files selected ... Write your Code to send the mail");
- };
- });
- app.directive('ngFileModel', ['$parse', function ($parse) {
- return {
- restrict: 'A',
- link: function (scope, element, attrs) {
- var model = $parse(attrs.ngFileModel);
- var isMultiple = attrs.multiple;
- var modelSetter = model.assign;
- element.bind('change', function () {
- var values = [];
- angular.forEach(element[0].files, function (item) {
- var value = {
- // File Name
- name: item.name,
- //File Size
- size: item.size,
- //File URL to view
- url: URL.createObjectURL(item),
- // File Input Value
- _file: item
- };
- values.push(value);
- });
- scope.$apply(function () {
- if (isMultiple) {
- modelSetter(scope, values);
- } else {
- modelSetter(scope, values[0]);
- }
- });
- });
- }
- };
- }]);
Add Comment
Please, Sign In to add comment