Question

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

我有一个在我的布局中在bootstrap模态框架内打开的表单，在这种形式中我有2个字段

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

我需要将此提交到我的网址，其值为“consulta”，以便脚本可以阅读并使用该文件执行正确的操作，

BUT

我需要这样做而不刷新打开的模态，换句话说，使用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>

Answer 1

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

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

，但是所有/旧浏览器（尤其是IE＆lt; 10）

都不支持它

模态内部的Ajax文件上传

1 个答案: