0

我需要在 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);
}
4

2 回答 2

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();
}
于 2012-04-29T12:55:00.313 回答
0

首先，使用 dojo 的 xhr 模块（AKA AJAX [仅处理纯文本]）目前无法实现文件上传的想法。您可以做的最接近的事情是将表单提交到隐藏的 iframe。

编辑

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

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

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

您也可以在 google 中搜索“隐藏 iframe 提交”

于 2012-04-25T23:56:33.773 回答