合并文件仅在angularJs中选择并上传一行

时间:2015-05-06 05:22:01

标签: javascript angularjs

目前,我选择文件并使用2个不同的按钮上传,如下所示:

<input type="file" file-model="myFile" />
<button ng-click="uploadFile()">upload me</button>

是否可以选择文件并上传1个按钮?

我尝试了以下但没有奏效。

<input type="file" file-model="myFile" onchange="uploadFile()" />

2 个答案:

答案 0 :(得分:4)

你可以像这样使用ng-file-select:

<input type="file" ng-model="fname" ng-file-select="uploadFile($files)">

在您的控制器中,您将获得对象:

$scope.uploadFile = function($files) {
    var file = $files[0];
    console.log(file);
}

更多细节:
http://blog.gitbd.org/file-upload-by-angular-and-php/

答案 1 :(得分:0)

试试这个

<input type="file" file-model="myFile" onChange="uploadFile()" />

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>

function uploadFile(){
     alert("function accessed");
}

</script>
</head>
<body>

<input type="file" file-model="myFile" onChange="uploadFile()" />

</body>
</html>
&#13;
&#13;
&#13;