我想從AngularJS到node.js服務(wù)器做一個(gè)簡(jiǎn)單的多部分表單帖子，表單應(yīng)該在一個(gè)部分包含一個(gè)JSON對(duì)象，在另一個(gè)部分包含一個(gè)圖像，（我目前只發(fā)布帶有$ resource的JSON對(duì)象）我想我應(yīng)該從input type =“file”開始，但后來(lái)發(fā)現(xiàn)AngularJS無(wú)法綁定到那個(gè)..我能找到的所有例子都是用于拖放jQuery插件的拖放。我想要一個(gè)簡(jiǎn)單的上傳一個(gè)文件。我是AngularJS的新手，對(duì)編寫我自己的指令感到不舒服。
3 回答
繁花如伊
TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊
您可以使用簡(jiǎn)單/輕量級(jí)ng-file-upload指令。它支持使用FileAPI flash shim的非HTML5瀏覽器的拖放，文件進(jìn)度和文件上傳
<div ng-controller="MyCtrl"> <input type="file" ngf-select="onFileSelect($files)" multiple></div>
JS：
//inject angular file upload directive.angular.module('myApp', ['ngFileUpload']);var MyCtrl = [ '$scope', 'Upload', function($scope, Upload) {
$scope.onFileSelect = function($files) {
Upload.upload({
url: 'my/upload/url',
file: $files,
}).progress(function(e) {
}).then(function(data, status, headers, config) {
// file is uploaded successfully
console.log(data);
}); }];- 3 回答
- 0 關(guān)注
- 962 瀏覽
添加回答
舉報(bào)
0/150
提交
取消