如何使用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

回答

相關問題