Question

如何在DreamFactory上使用multipart上传图片？

我正在使用angualr2，试过xhr和http.post。两者都不工作我得到201状态代码和空资源回来。文件只是说

POST http://{url}/api/v2/{storage_service_name}

Request header:
...
Content-Type: multipart/form-data;
...

Request payload:
-- <file content> --

没有明确的解释

Answer 1

一直试图解决这个问题，文档确实没什么帮助。这就是我最终使用的

创建如下组件。路径输入表示已在文件服务上创建的文件夹。如果文件夹不存在，代码仍然需要重构以创建文件夹，但到目前为止这仍然有效。

import { Component, ElementRef, Input, ViewChild } from '@angular/core';
import { Headers, Http } from '@angular/http';

import * as constants from '../shared/config';
@Component({
    selector: 'file-upload',
    template: '<input type="file" #fileInput>'
})
export class FileUploadComponent {
    @Input() multiple: boolean = false;
    @Input() path: string = '';
    @ViewChild('fileInput') inputEl: ElementRef;
    baseResourceUrl: string = constants.API_BASE_URL + '/api/v2/files/';

    constructor(private http: Http) {}
    upload() {
        console.log("changed");
        let inputEl: HTMLInputElement = this.inputEl.nativeElement;
        let fileCount: number = inputEl.files.length;
        let fileName: string = '';
        console.log(inputEl.files);
        let formData = new FormData();
        if (fileCount > 0) { // a file was selected
            formData.append('files[]', inputEl.files.item(0), inputEl.files.item(0).name);
            formData.append('pmCase', '100');
            fileName = inputEl.files.item(0).name;
            let myHeader = new Headers();
            let token = localStorage.getItem('session_token');
            myHeader.append('Content-Type', 'multipart/form-data');
            myHeader.append('X-Dreamfactory-API-Key', 'xxxxxxxxxxx');
            myHeader.append('X-Dreamfactory-Session-Token', token);
            this.http
                .post(`${this.baseResourceUrl + this.path + fileName}`, formData, { headers: myHeader })
                .map((resp) => resp.json())
                .subscribe((uploadResp) => {
                    console.log(uploadResp);
                }, (error) => console.error(error));
        }
    }
}

Answer 2

您应该检查该文件的html输入名称是＆＃34; files＆＃34; - 文件字段的任何其他名称都不会上传内容。此外，您需要将其发布到您希望存储文件的目录或路径。假设目录已经存在，它应该按预期上传文件。祝你好运！

如何在DreamFactory上传文件？

2 个答案: