Ajax 文件在模态中上传答案

【问题标题】：Ajax file upload inside modalAjax 文件在模态中上传
【发布时间】：2014-03-10 22:53:30
【问题描述】：

我不知道如何实现，让我试着解释一下

我有一个在我的布局中的引导模式框架内打开的表单，在这个表单中我有 2 个字段

<input type="file" name="photoimg" id="photoimg" value="" />
<input type="hidden" name="consulta" value="5">

我需要将其提交到我的 url，其中 'consulta' 的值为 5，以便脚本可以读取该文件并对其执行适当的操作，

但是

我需要这样做而不刷新打开的模式，换句话说，使用 ajax 提交文件（用于进一步裁剪）

我有这个执行提交的脚本，我在这里做错了什么？

<script type="text/javascript">
                    function enviaimagem(){

                        $.ajax({
                            type: "POST",
                            data: { consulta:5 },
                            dataType: 'html',
                            url: "<?=JURI::ROOT()?>ajax.html",
                    //dataType: "html",
                    success: function(result){
                        $("#corpo_modal").html('');
                        $("#corpo_modal").html(result);
                    },
                    beforeSend: function(){
                        $("#corpo_modal").html('');
                        $("#corpo_modal").css({display:"none"});
                        $('#ajaxloadergeneric').css({display:"block"});
                    },
                    complete: function(msg){
                        $('#ajaxloadergeneric').css({display:"none"});
                        $("#corpo_modal").css({display:"block"});
                    }
                    });
                }
                </script>

【问题讨论】：

data: { consulta:5 }, 无论您放入什么数据都是 Ajax 发送到服务器的内容，因此您只发送一个参数 consulta，其硬编码值为 5，没有文件。
如果您想要简单而强大的功能，请查看fineuploader.com。免责声明：我维护 Fine Uploader。

标签： php jquery ajax file-upload modal-dialog

【解决方案1】：

通过FormData对象支持通过AJAX上传文件：

https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects

，但并非所有/旧浏览器都支持它（尤其是 IE

【讨论】：