각도가있는 bluimp, 업로드 전체 실행

this tutorial을 사용하고 있습니다. 문제는 지시문이 파일 업로드시 기본적으로 업로드를 트리거하는 업로드 객체를 반환한다는 것입니다.각도가있는 bluimp, 업로드 전체 실행

내가 AngularJS에 대해 더 잘 알고있는 사람이라면 수동으로, 아마도 키를 누르거나 콜백 내에서 bluimp의 업로드 이벤트를 트리거 할 수있는 방법을 생각할 수 있습니다.

http://blueimp.github.io/jQuery-File-Upload/angularjs.html

2013-08-27 Oleg Belousov

당신은 시작 버튼을 사용하여 파일 업로드를 제공하는 URL을 아래에 @를 볼 수

간단한/경량 angular-file-upload 지시문을 사용할 수 있습니다. FileAPI 플래시 심이있는 HTML5가 아닌 브라우저를 지원합니다. 그것은 또한 드래그 & 드롭 및 업로드 진행을 지원합니다.

<div ng-controller="MyCtrl"> 
    <input type="file" ng-file-select="onFileSelect($files)" multiple> 
</div>

JS : - 이상한

//inject angular file upload directive. 
angular.module('myApp', ['angularFileUpload']); 

var MyCtrl = [ '$scope', '$upload', function($scope, $upload) { 
    $scope.onFileSelect = function($files) { 
    //$files: an array of files selected, each file has name, size, and type. 
    for (var i = 0; i < $files.length; i++) { 
     var $file = $files[i]; 
     $upload.upload({ 
     url: 'my/upload/url', 
     file: $file, 
     data: {item: $scope.myModel}, 
     headers: {...} 
     progress: function(e){} 
     }).then(function(data, status, headers, config) { 
     // file is uploaded successfully 
     console.log(data); 
     }); 
    } 
    } 
}];

출처

2013-08-27 11:19:16

이 나를 좋아 –

를로드 할 수는 FF를 사용하여 페이지에 액세스 할 수 있었다. 어쨌든, 코드를 검토 한 결과, angular.provide를 사용하여 jQuery 플러그인으로 API를 작성한 것처럼 보입니다. 가볍고 쉬운 솔루션을 찾고 있습니다. 이미 통합 된 코드를 사용하는 것이 좋습니다. –

위해 일하고 페이지 –

하지 문제가 있지만 이것은 당신에게 각도에서 파일 업로드를 파악하는 번거 로움을 절약 할 수있는 위치 확인 :

출처

2013-10-28 21:55:20 danial

감사합니다. 업 로더 작업을 시도했지만 나에게 좋지 않았습니다. 이전에 기억해두면 gitHub 레포에 문제가있었습니다. 주된 문제는 SWF 폴백을 사용한다는 것입니다. –

또한 업로드의 추가 양식 데이터 및 수동 트리거링을 지원하지 않는 것 같습니다. 응답 해 주셔서 감사합니다 –

파일로 추가 데이터를 보내실 수 있습니다. 답변을 업데이트했습니다. 버전 1.1.1에서는 $ upload 각도 서비스를 사용하여 수동으로 파일을 업로드 할 수도 있습니다. 첫 번째 버전을 사용하고 있다고 생각합니다. – danial

각도가있는 bluimp, 업로드 전체 실행

답변

관련 문제