Javascript 如何从我的控制器调用cloudinary模块
我正在制作一个MEAN-STACK应用程序(这对我来说是新的),并从以下模板开始: 我想添加一个模块(称为cloudinary),因此我遵循以下步骤: (完成npm安装、凉亭等) 我被困在这条线上(不知道怎么做): cloudinary.uploader.image\u upload\u标记('image\u id',{回调: cloudinary_cors}) 在我的应用程序中,有一个控制器和一个服务。如果我把它放在控制器中,我会收到消息“cloudinary未定义”。也许我应该把它放在服务文件里,但我不知道怎么做。我在html页面中创建了一个表单,其中包含一个输入,用于从控制器上传一个调用“cloudyPost()”函数的文件 以下是我的控制器、服务和页面的代码: mycars.js(服务): mycars.js(控制器): 我的html页面:Javascript 如何从我的控制器调用cloudinary模块,javascript,node.js,angularjs,cloudinary,mean-stack,Javascript,Node.js,Angularjs,Cloudinary,Mean Stack,我正在制作一个MEAN-STACK应用程序(这对我来说是新的),并从以下模板开始: 我想添加一个模块(称为cloudinary),因此我遵循以下步骤: (完成npm安装、凉亭等) 我被困在这条线上(不知道怎么做): cloudinary.uploader.image\u upload\u标记('image\u id',{回调: cloudinary_cors}) 在我的应用程序中,有一个控制器和一个服务。如果我把它放在控制器中,我会收到消息“cloudinary未定义”。也许我应该把它放在服务
<section data-ng-controller="MyCarsController" data-ng-init="findOneOrCreate()">
<form role="form" data-ng-submit="cloudyPost()">
<p>Public ID: <input type="text" name="title"/></p>
<p>Image: <input type="file" name="image"/></p>
<p><button type="submit" class="btn btn-default">Send to Cloudy!</button> </p>
</form>
</section>
公共ID:
图片:
发送到多云
你能帮我把这些整合起来,让它发挥作用吗。多谢各位
下面是我的页面末尾包含的js):
是否包含脚本jquery.cloudinary.js
和依赖脚本jquery.fileupload.js
?在包含这些脚本之后,您已经添加了AngularJS脚本?是的,我必须使用脚本(我用页面来源编辑了我的问题)。我不明白你问题的第二部分关于角度脚本。如何检查?首先添加cloudinary脚本。然后继续添加angularjs库,然后添加控制器等等。add是指脚本
标记-
仍然不工作。我在cloudinary论坛上发了一篇帖子,他们说cloudinary.uploader.image\u upload\u标签应该在服务器端(这很有意义)。但是,我应该如何让它通过我的控制器(可能还有服务?)从我的按钮(html)调用到我的服务器?我在应用程序中使用Cloudinary的方式是首先在客户端使用,然后用户将文件上传到Cloudinary-你试过了吗?
angular.module('mean.mycars').controller('MyCarsController', ['$scope', '$http', '$stateParams', '$location', 'Global', 'Cars',
function ($scope, $http, $stateParams, $location, Global, Cars) {
$scope.cloudPost = function() {
cloudinary.uploader.image_upload_tag('image_id', { callback: cloudinary_cors });
};
[.... some other code ....]
}
<section data-ng-controller="MyCarsController" data-ng-init="findOneOrCreate()">
<form role="form" data-ng-submit="cloudyPost()">
<p>Public ID: <input type="text" name="title"/></p>
<p>Image: <input type="file" name="image"/></p>
<p><button type="submit" class="btn btn-default">Send to Cloudy!</button> </p>
</form>
</section>
<script type="text/javascript" src="/lib/angular/angular.js"></script>
<script type="text/javascript" src="/lib/angular-cookies/angular-cookies.js"></script>
<script type="text/javascript" src="/lib/angular-resource/angular-resource.js"></script>
<script type="text/javascript" src="/lib/angular-ui-router/release/angular-ui-router.js"></script>
<script type="text/javascript" src="/lib/angular-bootstrap/ui-bootstrap.js"></script>
<script type="text/javascript" src="/lib/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script type="text/javascript" src="/lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="/lib/ng-grid/build/ng-grid.js"></script>
<script type="text/javascript" src="/lib/cloudinary/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/lib/cloudinary/js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="/lib/cloudinary/js/jquery.fileupload.js"></script>
<script type="text/javascript" src="/lib/cloudinary/js/jquery.cloudinary.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/config.js"></script>
<script type="text/javascript" src="/js/controllers/articles.js"></script>
<script type="text/javascript" src="/js/controllers/car.js"></script>
<script type="text/javascript" src="/js/controllers/header.js"></script>
<script type="text/javascript" src="/js/controllers/index.js"></script>
<script type="text/javascript" src="/js/controllers/mycars.js"></script>
<script type="text/javascript" src="/js/directives.js"></script>
<script type="text/javascript" src="/js/filters.js"></script>
<script type="text/javascript" src="/js/init.js"></script>
<script type="text/javascript" src="/js/services/articles.js"></script>
<script type="text/javascript" src="/js/services/cars.js"></script>
<script type="text/javascript" src="/js/services/global.js"></script>
<script type="text/javascript" src="/js/services/mycars.js"></script>
<!-- Livereload script rendered -->
<script type="text/javascript" src="http://localhost:35729/livereload.js"></script>