angularjs 文件上传

最新推荐文章于 2021-08-10 15:58:26 发布

swarb

最新推荐文章于 2021-08-10 15:58:26 发布

阅读量1k

点赞数

分类专栏： Angularjs

本文链接：https://blog.csdn.net/swarb/article/details/72416992

版权

本文介绍了如何在AngularJS应用中实现文件上传功能。通过引入ng-file-upload组件，结合HTML和JavaScript代码展示了一个简单的文件选择和上传过程。在后端，使用ASP.NET MVC接收并处理上传的文件。同时，提供了兼容IE9的解决方案。

摘要由CSDN通过智能技术生成

github连接地址：https://github.com/danialfarid/ng-file-upload

核心代码：

html:

<div class="form-group">
<label>源文件：</label>
<input class="form-control h30 w356" ng-model="data.filePath"/>
<select class="form-control h30 w143">
<option value="">1</option>
<option value="">2</option>
</select>
<div class="button" ngf-select="fileChanged($file)">Upload on file select</div>
</div>

js：

//var app = angular.module('main.app', ['bw.paging', 'cbc.datePicker', 'ngFileUpload']);
//app.controller('main-controller', function ($scope, $http, $log, $rootScope, Upload) {

$scope.fileChanged = func