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
,而不发送任何文件。如果您想要简单而强大的东西,请查看。免责声明:我保持良好的上传。