Question

这是我的代码： HTML：

<form enctype='multipart/form-data' name='biosUpload' method='POST' action='partials/uploadComplete.html' target='hiddenFrame' >
  <input type='file' name={{romName}} id='brwsUpld'  />
</form>
<button type="button"  ng-click="uploadFwImage()">upload</button>
<iframe name="hiddenFrame" frameborder="0"  iframe-upload  id="uploadIframe"></iframe>

注意：uploadComplete.html只是一个没有代码的HTML。

JS-控制器：

$scope.iframeFlag = false;

//submit form in $http's promise won't upload the file,
//just load uploadComplete.html into iframe, 
//but when submit form outside the $http's promise ,it works.
//the problem is code follows worked ago, but just yesterday I found it can't , I am so confused. 

//way1:
$http({
    method: 'GET',
    url: 'rpc/test.asp'
}).
success(function(data, status) {
        $scope.iframeFlag = true;
        document.forms["biosUpload"].submit();
}).
error(function(data, status) {});

//way2:
document.forms["biosUpload"].submit();

JS-指令：

define(['./module'], function (directives) {
    'use strict';
    directives.directive('iframeUpload', function(){
    var linkFn = function(scope, element, attrs) {
        element.bind('load', function (event) {
           console.log(scope.iframeFlag);
          if(scope.isStop)return;
          if(!scope.iframeFlag)return;
            scope.uploadComplete();

        });
    };
    return {
      restrict: 'EA',
      link : linkFn
    };
  });
});

问题：当way1模式时，它只是将uploadComplete.html加载到iframe中。当way2模式时，它也成功地将文件传输到webserver。为什么$ http会影响load（）机制。实际上，way1工作之前，就在昨天它失败了，再也没有工作过。

Answer 1

我找到了解决这个问题的方法提交按钮只是提交动作 ajax请求在该操作之前完成。
我还没有找到$ http影响提交文件的原因如果你知道原因，不要怜悯你的答案。

angular $ http使表单提交文件失败

1 个答案: