如何使用AngularJS

Question

在我的項目，我想拖與擴展「.opgs」到瀏覽器拖放區外部文件拖到外部文件到瀏覽器。

我怎樣才能做到這一點採用了棱角分明的js？

Answer 1

我使用的模塊：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]) 
    } 
} 

工作得很好。

Answer 2

使用ng-file-uplaod插件

它給不同的指令，上傳/拖放文件

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

見DEMO頁