Question

我需要在dojo中上传文件的完整代码。特别是ajax调用及其按钮创建，其url必须存储到数据库中。我使用以下代码，但它不起作用：

function uploadPicture()
{
    alert("yes");
    var xhrArgs = {
        url:"/service/ajax/uploadPictureToOption/",                 
        form: dojo.byId("optionsForm"),
        handleAs: "json",
        content :{},
        load: function(response, ioArgs){
            if (response == "failed")
            {
                alert("Failed");
                window.location.reload();
            }
            else if (response == "success")
            {
                window.location.reload();
            }
            else
            {
                alert("Successfully deleted");
                window.location.reload();
            }
        },
    }
    var deferred = dojo.xhrPost(xhrArgs);
}

Answer 1

假设您的文件是二进制文件，否则请参阅Moz MDN - File.getAsBinary 您可以选择使用FormData (xhr2)。 IFrame是一种可行的方式，因为IE在IE10之前不支持HTML5

var xhr=(window.XMLHttpRequest && new window.XMLHttpRequest()),
    input = dojo.byId('inputelementId')
    boundary = "---------------------------" + (new Date).getTime(),
    message = ""
xhr.open("POST", this.getUrl());
xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundary);
//      if(input.files.length > 1) {
    message += "--" + boundary + "\r\n" 
        + 'Content-Disposition: form-data; name="' + input.name + '";'
        + ' filename="'+ (input.files ? input.files[0].name : input.value) + '"' + EOL;
    message += "Content-Type: application/octet-stream" + "\r\n" + "\r\n";
//      }
if(!!xhr.sendAsBinary) {
        xhr.send(message + input.files[0].getAsBinary())
} else {
    // here is the kicker; IE does not support neither FileData nor AsBinary
        var fobj  = new ActiveXObject("Scripting.FileSystemObject"),
            fd    = fobj.OpenTextFile(input.value, 1); 
        xhr.send(message + fd.ReadAll());
        fd.Close();
}

Answer 2

开始使用dojo的xhr模块（AKA AJAX [仅提供纯文本]），目前无法使用文件上传的想法。您可以做的最接近的可能事情是将表单提交给隐藏的iframe。

修改

隐藏iframe的代码应该是这样的：

<form method=”post” action=”formProcess.php” target=”hiddenIFrame”>
<input type=”file” name=”test” />
<input type="submit" value="Submit">
</form>

<iframe style=”width:0px;height:0px;border:0px;” name=hiddenIFrame />

您还可以在Google中搜索“隐藏的iframe提交”

需要在dojo上传图片的完整代码

2 个答案: