上传文件后,将php响应加载到同一页面上的div
我正在上传文件到PHP脚本。它处理并给出响应。我想在同一网页的div或frame中加载该响应。下面的脚本在空白网页中给出响应。请帮我解决这个问题。 php: HTML脚本:上传文件后,将php响应加载到同一页面上的div,php,jquery,upload,Php,Jquery,Upload,我正在上传文件到PHP脚本。它处理并给出响应。我想在同一网页的div或frame中加载该响应。下面的脚本在空白网页中给出响应。请帮我解决这个问题。 php: HTML脚本: function init() { document.getElementById("upload").onsubmit=function() { document.getElementById("upload").target = "Analysis"; document.getElementById
function init() {
document.getElementById("upload").onsubmit=function() {
document.getElementById("upload").target = "Analysis";
document.getElementById("Analysis").onload = uploadDone; }
}
function uploadDone() { //Function will be called when iframe is loaded
var ret = frames['Analysis'].document.getElementsByTagName("body")[0].innerHTML;
}
<div id="content_column">
<form id="upload" action="upload.php" method="POST" enctype="multipart/form-data">
<fieldset>
<div id="Geno" style="display:none">
<strong>Select Genotypic File</strong>
<input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" />
<div>
<input type="file" id="fileselect" name="fileselect[]" />
</div>
</div>
<P>
<div id="Peno" style="display:none">
<strong>Select Penotypic File</strong>
<div>
<input type="file" id="fileselect1" name="fileselect[]" />
</div>
</div>
<P>
<div id="Other" style="display:none">
<strong>Select Other Files*</strong>
<div>
<input type="file" id="fileselect2" name="fileselect[]" multiple="multiple" />
</div>
</div>
<div id="submitbutton" style="display:none">
<INPUT TYPE="Submit" VALUE="Upload" />
</div>
</fieldset>
</form>
<iframe id="Analysis" name="Analysis" src="" ></iframe>
</div>
选择基因型文件
选择笔画文件
选择其他文件*
先谢谢你 这些文件真的是通过ajax上传的吗?看起来您正在尝试,但我非常确定,您可以用代码上传文件的唯一方法是通过实际提交页面。@Jon可以通过AJAX上传文件,尽管与OP的方式不完全一样。我在过去做过这件事(虽然现在手头上没有代码)。@AleksG哦,我知道ajax可以做到这一点,HTML5也变得越来越容易,我只是好奇OP是否希望它在没有附加库或任何不需要重写几乎所有客户端代码的情况下工作。
<div id="content_column">
<form id="upload" action="upload.php" method="POST" enctype="multipart/form-data">
<fieldset>
<div id="Geno" style="display:none">
<strong>Select Genotypic File</strong>
<input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" />
<div>
<input type="file" id="fileselect" name="fileselect[]" />
</div>
</div>
<P>
<div id="Peno" style="display:none">
<strong>Select Penotypic File</strong>
<div>
<input type="file" id="fileselect1" name="fileselect[]" />
</div>
</div>
<P>
<div id="Other" style="display:none">
<strong>Select Other Files*</strong>
<div>
<input type="file" id="fileselect2" name="fileselect[]" multiple="multiple" />
</div>
</div>
<div id="submitbutton" style="display:none">
<INPUT TYPE="Submit" VALUE="Upload" />
</div>
</fieldset>
</form>
<iframe id="Analysis" name="Analysis" src="" ></iframe>
</div>