c# - 使用 jquery ajax 上传文件

Question

我想上传一张带有如下描述的图片：

data = '{"filename":"' + myfilename + '", "file":"' + file + '", "description":"' +
    description + '"}';

$.ajax({
    type: "POST",
    url: "filehandler.ashx",
    data: data,
    success: function (result) {
        alert(result);
    },
    error: function () {
        alert("There was error uploading file!");
    }
});

我该怎么做？我无法像HttpPostedFile在通用处理程序中那样读取文件。 context.Request.Form也没有任何钥匙。

Answer 1

对不起，如果我没有完全发布我所做的事情。无论如何，我让它工作。

var data = new FormData();

data.append("name", filename);
data.append("file", file);

在通用处理程序中

HttpPostedFile file = context.Request.Files["file"];
string fileName = context.Request.Form["filename"];

使用 FormData 对象

Answer 2

您不能使用 ajax 发布文件，您必须将其发布在 iframe 中才能获得相同的结果

这就是我所做的

var form = "#myform";
var url = "http://post.it/";
var iframeName = 'iframePost' + (new Date()).getTime(); 
$('<iframe id="'+iframeName+'" name="' + iframeName + '" style="display:none;"/>').appendTo('body');
$(form).attr('target',iframeName)
    .attr('action',url)
    .attr('enctype','multipart/form-data')
    .append('<input type="hidden" name="_iframe" value="' + iframeName + '" />');
    form.submit();

有一个回调让 iframe 返回一个类似的脚本

window.parent.callBack(data);