0

所以我需要：使用 $http 或 $resource 和 angular.js 将文本 blob 作为文件上传 - 模仿 curl 样式的多部分/表单上传。

以前有一篇关于这个问题的帖子我将尝试更明确地说明这个问题，希望有人能确定我可能误入歧途的地方。

这是我知道可用于此服务的 curl 命令的示例：

curl \
http://c.docverter.com/convert \
-F from=markdown \
-F to=pdf \
-F input_files[]=@<(echo hello) #or @example.md for a file

关于这个问题的上一篇文章

来自 sinatra 的成功日志响应示例

{"input_files"=>[{:filename=>"api.md", :type=>"text/markdown", :name=>"input_files[]", :tempfile=>#<Tempfile:/tmp/RackMultipart20160426-3-5tb8po>, :head=>"Content-Disposition: form-data; name=\"input_files[]\"; filename=\"api.md\"\r\nContent-Type: text/markdown\r\n"}], "from"=>"markdown", "to"=>"pdf"}

关于我需要做的事情

我需要将 markdown 文本（我假设使用 blob）作为“文件”上传 - 我已经尝试了 $resource 和 $http 有十几种不同的配置，但没有运气。

在我的第 100 次角度尝试之后，典型的悲惨日志响应：

{"from"=>"markdown", "input_files"=>["{}"], "to"=>"pdf"}

代码示例：

angular.module('app')
  .factory('convert', function ($resource) {
    return $resource('http://c.docverter.com/convert', null, {
    pdf: {
      method: 'POST',
      headers: { 'Content-Type': 'multipart/form-data' },
      params: {
        from: 'markdown',
        to: 'pdf',
        'input_files[]': new Blob(['##title'], 'text/markdown')
      }
    }
  });
});

这实际上只是我尝试过的一个例子。我已经为此苦苦挣扎了几个小时，但运气不佳，也许这里的某个人对多部分表单数据了解更多，并且可以阐明斑点和角度的陷阱。

4

1 回答 1

0

好的，睡个好觉，再睡一个小时，我有一个工作上传和下载：

var fd = new FormData();
var blob = new Blob([$scope.markdown], {type: 'text/markdown'});
var file = new File([blob], "abc.md");
fd.append('input_files[]', file);
fd.append('from', 'markdown');
fd.append('to', 'pdf');

$http.post('https://mydocverterserver.com/convert', fd, {
    transformRequest: angular.identity,
    headers: {'Content-Type': undefined},
    responseType: 'arraybuffer'
})
.success(function(response){
  var b = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
  FileSaver.saveAs(b, 'abc.docx');
})
.error(function(res){
  console.log(res);
});

还是有点粗糙——我可能会把它清理干净，然后搬到工厂去，但它可以工作。

这是一个 docx，但它也适用于 markdown 和 pdf。

FileSaver 位来自：angular-file-saver

如果您正在寻找像我一样的 docverter 特定解决方案 - 我会在此处解释服务器端修复

于 2016-04-26T18:41:01.687 回答