Question

我正在尝试通过XMLHttpRequest上传文件。我创建input type设置为file并使用以下语句获取文件数据

var files = document.getElementById("fileInput").files;
var file = files[0];
var formData = new FormData();
formData.append("fileInput", file);
.
.
.
xhr.send(formData);

这个有效！但是当我使用dojox.form.Uploader时，我会这样：

var files = dijit.byId("dojoFileInput").getFileList();
var file = files[0];
var formData = new FormData();
formData.append("dojoFileInput", file);
.
.
.
xhr.send(formData);

不工作！我无法使用upload的{{1}}函数，因为我需要在dojox.form.Uploader对象中发送一些其他数据。我正在使用此语句创建dojo文件上传器

FormData

我尝试使用以下语句在控制台中打印文件数据：

<div dojoType="dojox.form.Uploader" label="Select files..." id="dojoFileInput"></div>

正常的文件输入提供了以下输出（实际上每个部分下的信息比这个更多但是这是精简的）：

console.log(document.getElementById("fileInput").files[0]); // Normal file input
var files = dijit.byId("dojoFileInput").getFileList(); // Dojo file input
console.log(files[0]);

但是Dojo文件上传器只提供一行输出：

File {webkitRelativePath: "", lastModifiedDate: Sat Nov 10 2012 19:42:45 GMT+0530 (India Standard Time), name: "<FILE NAME>", type: "image/png", size: 115661}
    lastModifiedDate: Sat Nov 10 2012 19:42:45 GMT+0530 (India Standard Time)
        __proto__: Invalid Date
        name: "<FILE NAME>"
        size: 115661
        type: "image/png"
        webkitRelativePath: ""
    __proto__: File
        constructor: function File() { [native code] }
        arguments: null
        caller: null
        length: 0
        name: "File"
        prototype: File
        toString: function toString() { [native code] }
        __proto__: Object
        <function scope>
    __proto__: Blob
        constructor: function Blob() { [native code] }
        slice: function slice() { [native code] }
        webkitSlice: function webkitSlice() { [native code] }
        __proto__: Object

Dojo是否不提供可以发送到服务器的整个文件详细信息？这是使用dojo文件上传器将文件发送到服务器的正确方法吗？有什么想法可以做到吗？

Answer 1

Uploader有一个提交方法，允许您添加帖子数据。

使用dojox.form.Uploader和FormData上载文件

1 个答案: