用Aurelia上传图片到Express / Multer Api

时间:2016-09-27 18:45:31

标签: express aurelia multer

在我的aurelia应用程序中实现图像/文件上传。 Express Api使用Multer插件工作并成功接收文件和图像,并使用Postman进行测试。

现在我想弄明白,如何附加Aurelia Http / Fetch-Call的文件。不知何故,请求是针对Api的,但图像似乎没有附加。任何想法?

有些问题:

  1. 以任何方式将文件附加到请求的正文密钥或者文件是否需要单独进行是否正确?
  2. 创建FormData并以任何方式将文件附加到该Obejct是否正确/必要?
  3. HTTP-Request的哪个部分是存储的文件/图像,如何识别它们(如果我的中间件工作不正常)?
  4. 到目前为止,这是我的方法:

    奥里利亚-服务:

    uploadImagesApi(images) {
        let formData = new FormData()
        formData.images = images;
        return http.fetch(url+"/", {
          method: 'put',
          body: formData, // <-- Is this correct?
        }).then(response => {
          return response
        }).catch(error => {
          console.log("Some Failure...");
          throw error.content;
        })
    }
    

    输入-元素

    <input class="input" type="file" files.bind="images" multiple>
    <a click.delegate="uploadImagesApi(images)">Upload</a>
    

2 个答案:

答案 0 :(得分:3)

system('powershell -noprofile -command "ls -r|measure -s Length"')

确保定义的url变量看起来像全局

答案 1 :(得分:0)

更改formData.images = images; to formData.images = images.item(0);

可能还需要在formData中使用'file'键而不是'images':formData.file = images.item(o)