我需要快速解释如何使用隐藏的 iframe 上传 AJAX 样式文件。这是与表单有关的 HTML 代码部分:
<div id = "file" class = "info">
<form id="file_upload_form" method="post" enctype="multipart/form-data" action='script/uploadScript'>
<input name="file" id="file" size="27" type="file" /><br />
<input id = "uploadSubmit" type="submit" name="action" value="Upload" />
<iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0px solid #fff;"></iframe>
</form>
</div>
这是相关的PHP:
public function uploadScript(){
$returnVals = array();
if ($_FILES["file"]["error"] > 0){
$returnVals['error'] = "Error: " . $_FILES["file"]["error"] . "<br />";
}else{
if ($_FILES["file"]["type"] != "text/plain"){
$returnVals['error'] = "Badtype";
}else{
$returnVals['text'] = file_get_contents($_FILES["file"]["tmp_name"]);
}
}
echo json_encode($returnVals);
}
因此,本质上,PHP 获取文件并检查它是否是文本文件。然后,我想在 javascript 中访问返回的 json。这就是我感到困惑的地方...
$("#file_upload_form").submit(function() {
$("#file_upload_form").target = "upload_target";
$("#upload_target").onload = uploadDone();
});
理想情况下,当上传完成并加载 iframe 时,应该调用
function uploadDone() {
alert($("#upload_target").contents().find("body").text());
}
但是,那总是空白。本质上,returnVals 被放置在 iframe 主体中,但在警报之后,因此警报中没有任何内容。那么,有没有办法弥补这个小缺陷呢?
有没有更好的解释如何做到这一点?我整天都在用不同的示例代码等敲打我的头,但没有运气:/
我本质上希望能够提醒通过 php 代码返回的文本。顺便说一句,我这样做是因为我希望它能够在 IE7 和之后的所有浏览器上运行。
我会很感激任何帮助。谢谢你的时间!