phpiframe上传
⑴ 怎么在form里分别上传多个文件，如图
可以用iframe上传，orm表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name，这样就可以实现无刷新上传文件。
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload">
<iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe>
<input id="test_file" name="test_file" type="file">
<input value="上传文件" type="submit">
</form>
⑵ php上传功能怎么实现点击浏览在打开文件之后直接上传
我的博客《用最简单的例子实现jQuery图片即时上传》已经做了详细的介绍，请参考实现。
主要原理：
jQuery上传插件将<inputtype="file">的数据转至一个新生的form当中将其提交，
而表单的target指向新生的iframe，在iframe中做表单提交后的处理，
完成后iframe会重新加载并包含处理结果，通过iframe的load事件便可捕捉并获取处理结果，
回传至原表单所在的页面（feedback）中，实现jQuery即时上传的效果。
而在表单提交的时候，为了实现选择文件后即时提交表单，则使用了input标签的change事件，
只要选择了文件，input的值就会发生变化，此时就可以提交表单进行处理了。
⑶ php提交表单问题，现在表单里面引入了iframe，可里面的input里面的值不能提交过去
用iframe 里面加载的图片？？？
post不出去的 不用想了。
提示 不要用iframe容器，因为父级框架中 无法 提交子框架的 表单。 仅仅用原生的提交表单按钮 是绝对不可能的操作。
如果可以 改用div容器。显示预览，然后 提交原父级表单中的<input type="file"> 可以post传递文件。 iframe下的表单 仅仅用原生的 提交表单按钮 你post不出去
如果又能力自己重写提交动作，重组post数据（jq很简单实现这个）。也可以提交iframe下的子表单的input数据。
以下是我用的 简单的带图片预览上传的 部分代码
引用以下库
ajaxfileupload.js
jquery-migrate-1.2.1.min.js
jquery-1.11.0.min.js
$('input#but_upload').click(function(){
//picdata=$('input#picfile').val;
tc=$('div#tags').children('span.selecttag').eq(0).attr('mete_id');
tout=$('div#infos').children('div#sel_mod').find('li.selected').last().attr('mete_hash_name');
if(typeof(tc)=='undefined'){
$('p#outerdebug').text('请选择一个标签');
returnfalse;
}
if(typeof(tout)=='undefined'){
$('p#outerdebug').text('请选择上传图片所在的模板框架');
returnfalse;
}
if($("#picfile").val().length<=0){
$('p#outerdebug').text('请选择一个要上传的本地文件');
returnfalse;
}
$.ajaxFileUpload({
url:"postpic.php?token="+token+"&tags="+tc+"&hash_name="+tout,
secureuri:false,
type:'post',
fileElementId:'picfile',
dataType:'json',
success:function(data,status){
if(data.success==true){
tempstr="<divclass="pics"mete_hash=""+data.hash_name+""><divclass="prepic"><imgsrc=""+data.url+""></div><divclass="act"><divclass="removethis"onclick="removethis(this)"></div><divclass="reflink"onclick="reflink(this)"></div></div></div>";
$("div#previews").prepend(tempstr);
}else{
$('p#outerdebug').text(data.error);
}
},
error:function(data,status,e)//服务器响应失败处理函数
{
$('p#outerdebug').text('BR_0'+e);
}
});
})HTML
<form><inputid="picfile"name="picfile"type="file"size="2000000"/><br/><inputid="but_upload"type="button"value="上传"/><hr/></form><pid="outerdebug"></p><divid="previews"><hrstyle="clear:both;visibility:hidden;"/>
顺带一提的是，这个实现异步提交上传文件的js库，实际上就是利用了iframe，在iframe子框架内提前实现了一次post。
另外，从用户端执行效果出发。不建议用iframe。 iframe加载是使用的主线程句柄。如果iframe页面响应时间过长。会导致全部页面，包括父级页面锁死。用户体验较差。 能用ajax异步，尽量用。 我还没遇到过ajax加载 输入到div容器，用户体验感反而比iframe差的情况。
⑷ 请问如何用php实现实现页面无刷新上传图片
1,页面需要嵌入iframe
src是你另一个php程序,比如upload.php
2.form
提交的时候提交到iframe
3.upload.php判断提交成功输出一段js代码，parent.document.getElemetById("PID").src="成功后的图片地址";
⑸ iframe成功异步上传后，怎么调用前端的回调函数
Form:
<form action="#" method="post" enctype="multipart/form-data" onsubmit="return chekcForm(this)">
Struts :
response.setContentType("text/html;charset=utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print("JSON字串"); // {"statusCode":200; "message":"成功"; "loadUrl":"http://"}
out.flush();
out.close();
JQ:
var frame = {
ajaxDone:function(json){
if (json.statusCode == 200){
$('#messageDiv').html(json.message).show();
$.jquery.load(json.loadUrl);
} else {
}
},
frameDone:function(config){
var ifr = null,
fm = null,
defConfig = {
formObj: $('#form'),
complete: function(response) {},
};
config = $.extend(defConfig, config);
var $form = config.formObj;
var frameName = 'callbackframe';
ifr = $('<iframe name="'+ frameName +'" id="'+ frameName +'" style="display:none;"></iframe>');
ifr.appendTo($('body'));
$form.attr("target",frameName);
ifr.load(function(){
var response = this.contentWindow.document.body.innerHTML;
config.complete.call(this, response);
ifr.remove();
ifr = null;
});
return false;
}
}
function checkForm(form){
frame.frameDone({
formObj: $form,
complete: function(response){
var j = $.parseJSON(response);
frame.ajaxDone(j);
}
});
return true;
}