将图像数据作为文件上传,无文件输入控件

时间:2014-03-06 16:43:27

标签: javascript ajax file-upload

我试图将图片上传到网络服务器.aspx页面;服务器端使用此机制识别文件:

HttpPostedFile file = Request.Files[0];

我无法更改服务器代码,因为还有其他客户端。

使用可以从HTML文件输入控件上传的Javascript / Angular代码:

var fileInput = document.getElementById('the-file');
var formData = new FormData();
formData.append('file', fileInput.files[0]);
(etc)

$http.post(uploadUrl, formData, {
    headers: { 'Content-Type': undefined },
    transformRequest: angular.identity })

一切都很好。但是,我需要弄清楚的是如何从用户在客户端裁剪的图像上传内容(因此裁剪的图像不再与HTML文件输入控件相关联)。它在Canvas中,我知道如何将它作为DataUri或arraybuffer甚至是字节数组。我只是无法弄清楚如何将其上传到此服务器端点,因此它将在服务器端被识别为已发布的文件。这可能吗?我不知道如何正确替换以下行:

formData.append('file', fileInput.files[0]);

0 个答案:

没有答案