亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

AngularJS:如何使用multipart表單實現簡單的文件上傳?

AngularJS:如何使用multipart表單實現簡單的文件上傳?

白豬掌柜的 2019-09-19 08:42:53
我想從AngularJS到node.js服務器做一個簡單的多部分表單帖子,表單應該在一個部分包含一個JSON對象,在另一個部分包含一個圖像,(我目前只發布帶有$ resource的JSON對象)我想我應該從input type =“file”開始,但后來發現AngularJS無法綁定到那個..我能找到的所有例子都是用于拖放jQuery插件的拖放。我想要一個簡單的上傳一個文件。我是AngularJS的新手,對編寫我自己的指令感到不舒服。
查看完整描述

3 回答

?
繁花如伊

TA貢獻2012條經驗 獲得超12個贊

您可以使用簡單/輕量級ng-file-upload指令。它支持使用FileAPI flash shim的非HTML5瀏覽器的拖放,文件進度和文件上傳

<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);
  }); }];


查看完整回答
反對 回復 2019-09-19
  • 3 回答
  • 0 關注
  • 966 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號