2015-05-06 65 views
0

目前,我選擇文件並上傳使用2個不同的按鈕,如下所示: 整合文件選擇並上傳在一行中angularJs只有

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

是否有可能選擇文件並上傳在1個單按鈕?

我試過以下,但沒有工作。

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

回答

4

您可以使用NG文件,選擇這樣的:

<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/

+0

我認爲NuGet包的角文件上傳被破壞..所以對角file_upload https的cdngs鏈接* .js文件爲我工作。感謝你的幫助!! –

0

試試這個

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

<!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>

+0

感謝您的回答,但是當我標記我的問題時,我一直在尋找Angularjs的答案。 –

相關問題