Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/286.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Ajax文件上传模式_Php_Jquery_Ajax_File Upload_Modal Dialog - Fatal编程技术网

Php Ajax文件上传模式

Php Ajax文件上传模式,php,jquery,ajax,file-upload,modal-dialog,Php,Jquery,Ajax,File Upload,Modal Dialog,我不知道如何实现这一点,让我试着解释一下 在我的布局中,我有一个在引导模式框架内打开的表单,在这个表单中我有两个字段 <input type="file" name="photoimg" id="photoimg" value="" /> <input type="hidden" name="consulta" value="5"> 我需要将此文件提交到我的url中,其值为'consulta'的5,以便脚本可以读取并对文件执行适当的操作 但是 我需要在不刷新打开模式

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

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

<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>

功能环境管理(){
$.ajax({
类型:“POST”,
数据:{consulta:5},
数据类型:“html”,
url:“ajax.html”,
//数据类型:“html”,
成功:功能(结果){
$(“#corpo_modal”).html(“”);
$(“#corpo_modal”).html(结果);
},
beforeSend:function(){
$(“#corpo_modal”).html(“”);
$(“#corpo_modal”).css({display:“none”});
$('ajaxloadergeneric').css({display:'block});
},
完成:功能(msg){
$('#ajaxloadergeneric').css({display:“none”});
$(“#corpo_modal”).css({display:“block”});
}
});
}

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


但是,它不受所有/旧浏览器(特别是IE<10)的支持。

数据:{consulta:5},
无论您在数据中输入什么,都是Ajax发送到服务器的内容,因此您只发送一个参数
consulta
,硬编码值为
5
,而不发送任何文件。如果您想要简单而强大的东西,请查看。免责声明:我保持良好的上传。