如何使用AngularJS

在我的项目，我想拖与扩展“.opgs”到浏览器拖放区外部文件拖到外部文件到浏览器。如何使用AngularJS

我怎样才能做到这一点采用了棱角分明的js？

2016-09-20 Kishan

你试过这个吗？ https://github.com/danialfarid/ng-file-upload – HumanCatfood

我使用的模块：ng-file-upload - https://github.com/danialfarid/ng-file-upload。

与凉亭bower i ng-file-upload -S安装。在你的脑袋标签

加载：

<script src="/admin/assets/vendor/ng-file-upload/ng-file-upload.min.js"></script>

你钩放置操作您的DOM元素是这样的：

<div ngf-drop="upload($files)"></div>

把它注射到你的应用程序：

your_app = angular.module('your_app', ['ngFileUpload'], function() {

然后你得到像这样的控制器中的文件：

$scope.upload = function (file) { 
    console.log(file) 

    var extension = file[0].name.match(/\.(.*)$/)[0] 

    if (extension == 'opgs') { 
     upload_service.upload(file[0]) 
    } 
}

工作得很好。

来源

2016-09-20 09:53:27

我必须注入到我的模块？ – Kishan

我在答案中增加了更多细节。是的，'your_app它注入= angular.module（ 'your_app'，[ 'ngFileUpload']，函数（）{' –

是它的工作，但它不检查是否.opgs文件或不？ – Kishan

使用ng-file-uplaod插件

它给不同的指令，上传/拖放文件

<div ngf-drop="upload($files)" ngf-accept="[YOUR FILE TYPES]" ngf-multiple="true"></div>

见DEMO页

来源

2016-09-20 09:51:18 nmanikiran

如何使用AngularJS

回答

相关问题