angularjs 上传图片（只是核心代码，不要说我骗你们）

angularjs

上传图片

2星需积分: 19 185 下载量 192 浏览量 2016-05-04 16:56:28 上传评论 4 收藏 1KB TXT 举报

温馨提示

试读

2页

（内容是上传图片的核心部分代码，需要放入相应的工程，才能正常使用）

资源推荐

资源详情

资源评论

<!DOCTYPE html>
<html ng-app="APP">

<body>
<form ng-controller="uploader">
<input type="file" onchange="angular.element(this).scope().filesChanged(this)" multiple/>
<button ng-click="upload()">upload</button>
<li ng-repeat="file in files">{{file.name}}</li>
</form>

<script src="http://code.angularjs.org/1.2.2/angular.min.js"></script>
<script>
angular.module('APP', []).
directive('fileInput', ['$parse', function($parse){
return{
restrict:'A',
link:function(scope, elm, attrs){
elm.bind('change', function(){
$parse(attrs.fileInput)
.assign(scope, elm[0].files)
$scope.$apply()
})
}
}
}]).
controller('uploader', ['$scope', '$http',
function($scope, $http){
$scope.filesChanged = function(elm){
alert("1");
$scope.files = elm.files

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论收藏

内容反馈

资源评论