2016-04-09 3 views
2

AngularJSアプリでng-file-uploadを使用していますが、ChromeとSafariでは正常に動作しますが、Firefoxでは壊れてしまい、 Error: Argument 2 of FormData.append does not implement interface Blob.メッセージがコンソールに表示されます。Firefoxでng-file-uploadが中断する

他に誰かがこの問題を抱えていますか?

ディレクティブを含むHTMLスニペット:

<label class="article-field-label" for="article_description">Imagens</label> 
    <div class="file-upload-container"> 
    <a class="btn btn-default cancel-file-upload-button" ng-click="cancelPic(1)"><span>&times;</span></a> 
    <div class="button thumbnail-placeholder" ngf-select ng-file-select="onFileSelect($files)" 
        ng-model="article.filesAttachments.file1" name="file" type="file" 
        ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="5MB" ngf-min-height="100" 
        ngf-resize="{width: 100, height: 100}"> 
    <img ngf-src="thumbnailImage(1)"> 
    </div> 
</div> 

、サーバにPOST要求を行い、私のサービス:

sendPayload = function(formData, method, url) { 
    var options; 
    options = { 
    url: url, 
    method: method, 
    file: formData.filesAttachments, 
    headers: { 'Content-Type': 'application/json' }, 
    fields: { 
     article: { 
     title: formData.title, 
     price: formData.price, 
     user_id: formData.user_id, 
     category: formData.category, 
     article_state: formData.article_state, 
     description: formData.description, 
     city: formData.city, 
     article_id: formData.article_id 
     } 
    } 
    }; 
    if(method=='POST'){ 
    return Upload.upload(options).success(function(data, status){ 
     if(status === 201) { 
     var file = formData.filesAttachments 
     angular.forEach(file, function(file){ 
      file.upload = Upload.upload({ 
      url: '/articles/' + data.article_id + '/attachments.json', 
      file: file, 
      headers: { 'Content-Type': 'application/json' }, 
      method: 'POST' 
      }) 
     }) 
     } 
    }).success(function(data, status){ 
     latestArticleCreatedID = data.article_id; 
    }).error(function(data, status) { 
     console.log("Failed" + status); 
    }); 
    } 
} 
+2

からあなたはこれらのソリューションのいずれかを試してみました+見たことがありますか? https://github.com/danialfarid/ng-file-upload/issues/412 – mani

答えて

0

だから私の問題の解決策が変更にthis comment on Githubに基づいていましたthe

file: formData.filesAttachments

file: new Blob([formData.filesAttachments])

関連する問題