如何使用提交按钮传递angularjs中的文件?

时间:2014-03-04 09:17:06

标签: php jquery angularjs

<div class="divMainContainer" ng-controller="loginController">
            <form name="loginForm" ng-submit="loginChecks($files)">
               <table class="imagetable">
                    <tr>                          
                    <td>&nbsp;</td>
                    <td style="color:red;"> {{oneMore.firstName}}</td>
                    </tr>   
                    <tr>
                        <th colspan="2">Enter login detail</th>                            
                    </tr>
                    <tr>
                        <td>User name</td>
                        <td><input type="text" id="txtUserName" ng-model="data.txtName" required></td>                                
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td><input type="password" ng-model="data.txtPassword" required> </td>     
                    </tr>
                    <tr>
                        <td>File upload data</td>
                        <td><input type="file"> </td>     
                    </tr>
                    <tr>                          
                        <td>&nbsp;</td>
                        <td><input type="submit" value="Login"></td>
                    </tr>                         
                </table>  
            </form>             
        </div>

在上面的代码中。如何在用户按下提交按钮时上传文件上传..当选择文件时不应上传。

1 个答案:

答案 0 :(得分:0)

你需要使用如下指令:https://github.com/danialfarid/angular-file-upload,它将提供客户端文件的句柄,该示例还提供服务器端api调用的语法