我正在尝试将文件堆栈Webpicker集成到我的网页中。要求是使用angularjs。
我可以直接在cshtml文件中添加脚本标签。但是我想将所有脚本部分都包含在angularjs中。
<div class="js_file File__block" data-ng-controller="fileController">
<script src="//static.filestackapi.com/filestack- js/1.x.x/filestack.min.js">
</script>
<script>
var options = {
accept: "@Model.FileTypes",
maxFiles: "@Model.NumberOfFilesAllowed",
maxSize:"@Model.MaximumSizeAllowed",
onUploadDone: showFileData
}
const client = filestack.init('@Model.ApiKey');
client.picker(options).open();//Should only be
called when use clicks the button
// Call back function
function showFileData (result) {
const file = result.filesUploaded[0];
..................
}
</script>
这是angularjs
angularApp.controller('fileController', ["$scope", "$http", function ($scope, $http) {
$http.script = "//static.filestackapi.com/filestack-js/1.x.x/filestack.min.js";
const client = $scope.filestack.init("Api");
}]);
我可以通过创建javaobject并将其发送到angularjs从cshtml发送可选变量。
任何建议将不胜感激