Skip to main content

Featured post

XM Cloud content sync from prod to uat or UAT to prod step by step

When working with Sitecore, it’s common to need content synchronization across environments. Today, I’ll walk you through the steps to sync content from Production to UAT/TEST and vice versa. Steps to Follow 1. Set Up Your Workspace Create a folder on your computer where you will manage the script files and exported data. Open the folder path in PowerShell to begin scripting. We need to run some scripts in PowerShell to update the folder with the basic requirements for syncing content. PS C:\Soft\ContentSync> dotnet new tool-manifest PS C:\Soft\ContentSync> dotnet nuget add source -n Sitecore https://nuget.sitecore.com/resources/v3/index.json PS C:\Soft\ContentSync> dotnet tool install Sitecore.CLI PS C:\Soft\ContentSync> dotnet sitecore cloud login If the above error occurs, you will need to run a different command to resolve the issue. PS C:\Soft\ContentSync> dotnet sitecore init now, Again run above command to open and authenticate with XM Cloud. It will be there a...

Upload file using AngularJS

How to upload file using angularJS ?


Uploading file using angularjs is very easy. I am using some code which is make design and to see actual design of file upload controls for this I have used css and html code which you can see in below example.




<html>  
   <head>
      <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
   </head>  
   <body ng-app = "myApp">
           
      <div ng-controller = "flCtrl">
         <input type = "file" file-model = "uploadFile"/>
         <button ng-click = "FileUpload()">upload me</button>
      </div>
     
      <script>
         var uploadApp = angular.module('uploadApp', []);
        
         uploadApp.directive('uploadModel', ['$parse', function ($parse) {
            return {
               restrict: 'A',
               link: function(scope, element, attrs) {
                  var model = $parse(attrs. uploadModel);
                  var modelSetter = model.assign;
                 
                  element.bind('change', function(){
                     scope.$apply(function(){
                        modelSetter(scope, element[0].files[0]);
                     });
                  });
               }
            };
         }]);
     
         uploadApp.service('uploadFile', ['$http', function ($http) {
            this.uploadFileToUrl = function(file, uploadUrl){
               var fd = new FormData();
               fd.append('file', file);
           
               $http.post(uploadUrl, fd, {
                  transformRequest: angular.identity,
                  headers: {'Content-Type': undefined}
               })
           
               .success(function(){
               })
           
               .error(function(){
               });
            }
         }]);
      
         myApp.controller('flCtrl', ['$scope', ' uploadFile ', function($scope, uploadFile){
            $scope.uploadFile = function(){
               var file = $scope.uploadFile;
              
               console.log('file name is ' );
               console.dir(file);
              
               var uploadUrl = "/fileUpload";
               fileUpload.uploadFileToUrl(file, uploadUrl);
            };
         }]);
                                   
      </script>
     
   </body>
</html>

Comments