javascript - 如何使用dojo上传图片？

Question

谁能告诉我如何使用dojo将上传文件发送到iframe？ 我尝试了很多插件，但没有一个对我有用，例如 $.ajax()、dojo.form.upload。但没有任何模拟对我有用。谢谢!

好吧，我用了这样的东西

dojo.require ( "dojox.form.Uploader"); 
dojo.require ( "dojox.form.uploader.plugins.IFra me"); 
<form method="post" action="UploadFile.php" id="myForm" enctype="multipart/form-data" >
  <input name="uploadedfile" multiple="true" type="file" data- dojo- type="dojox.form.Uploader" label="Select Some Files" id="uploader" /> 
  <input type="submit" label="Submit" data-dojo- type="dijit.form.Button" /> 
</form>

Answer 1

我记得当我弄清楚它时，很难找到一个端到端的示例(不认为我最终找到了一个)，所以这里是我为使其工作而所做的一些片段(dojo 1.9)。

使用类似于以下内容的模板创建模板化小部件:

<div>
    <form method="post" data-dojo-attach-point="form" enctype="multipart/form-data" id="documentForm">
        <input data-dojo-attach-point="fileUploaderNode"/>
    </form>
</div>

实例化您的文件 uploader :

this.fileUploader = new dojox.form.Uploader({
                label: 'Select a File',
                multiple: false
            }, this.fileUploaderNode);

然后有一个按钮可以执行如下操作:

this.uploadButton = new Button({
                label: 'Upload',
                onClick: lang.hitch(this, function(){
                    iframe.post("someEndpoint", {
                        form: this.form.id
                    }).then(lang.hitch(this, function(data){
                        this._uploadCallback(data);
                    }), lang.hitch(this, function(err){
                        this._errorCallback(err);
                    }));
                })
            });

然后，您需要能够在服务器上解析 multipart/form-data，将文档保存在任意位置并返回 HttpResponse。如果您使用 .NET 4.5，请查看使用 Request.Content.ReadAsMultipartAsync