[C#]从 HTML5 的文件系统上传 api

发布时间: 2017/2/23 20:10:25
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我正在使用的 html5 文件系统 api,和我要上传一些图片到 C# WebApi;

但是,这些都为空。无论我怎样,API 中使用以下代码

[HttpPost]
[Route("api/quotation/pictures")]
public HttpResponseMessage PostImages() {
    try {
        _logger.Trace("Post pictures ...");
        NameValueCollection parameters = HttpContext.Current.Request.Params;
        string filename = parameters.GetValues("id")[0];
        var files = HttpContext.Current.Request.Files;
        if (files.Count > 0) {
            // .. other code
        }
    }
}

JS 中的以下代码

// img = variable with some img options.
var data = new FormData();
fileService.getFile(img.viewpath.split('/').pop()).then(function (f) {
    // f = FileEntry
    data.append(img.FileNameOnDevice, f);
    $.ajax({
        url: url,
        type: "POST",
        data: data,
        contentType: false,
        processData: false
    }).success(defImg.resolve).error(defImg.reject);
}, function () {
    console.error("not found");
});

解决方法 1:

它是一个容易的解决,

由于 f 是 FileEntry,我不得不请求文件本身,所以改变的代码︰

// img = variable with some img options.
var data = new FormData();
fileService.getFile(img.viewpath.split('/').pop()).then(function (f) {
    // f = FileEntry
    f.file(function(file){
        data.append(img.FileNameOnDevice, file);
        $.ajax({
            url: url,
            type: "POST",
            data: data,
            contentType: false,
            processData: false
        }).success(defImg.resolve).error(defImg.reject);
    }, defImg.reject);
}, defImg.reject);

解决了该问题

赞助商