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...
Fileupload using AngularJS in
asp.net c#
AngularJS built-in ng-model directive.
AngularJS built-in ng-model directive.
I added an attribute called ng-files in to the file input element. Now, I need to create a directive in the controller matching with
the attribute The attribute has a
function named getTheFiles() with a
parameter $files. I’ll initialize the
parameter $files in my directive and later call the function getTheFiles() using the controller’s scope,
along with $files parameter.
<!DOCTYPE html>
<html>
<head>
<title>AngularJS File Upoad Example with $http and
FormData</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
</head>
<body
ng-app="fupApp">
<div
ng-controller="fupController">
<input type="file"
id="file1" name="file" multiple
ng-files="getTheFiles($files)" />
<input
type="button" ng-click="uploadFiles()"
value="Upload" />
</div>
</body>
Example
of The Directive and Controller
<script>
angular.module('fupApp', [])
.directive('ngFiles',
['$parse', function ($parse) {
function fn_link(scope, element,
attrs) {
var onChange = $parse(attrs.ngFiles);
element.on('change', function (event) {
onChange(scope, { $files:
event.target.files });
});
};
return {
link: fn_link
}
} ])
.controller('fupController',
function ($scope, $http) {
var formdata = new FormData();
$scope.getTheFiles = function
($files) {
angular.forEach($files,
function (value, key) {
formdata.append(key,
value);
});
};
// NOW UPLOADING THE FILES.
$scope.uploadFiles = function () {
var request = {
method: 'POST',
url: '/api/fileupload/',
data: formdata,
headers: {
'Content-Type':
undefined
}
};
// SENDING THE FILES.
$http(request)
.success(function (d) {
alert(d);
})
.error(function () {
});
}
});
</script>
</html>
Comments
Post a Comment