我有一个图片上传,它使用 iframe + php 上传图片 + 在页面上显示而不刷新(有点像预览)。
我希望能够向 iframe 和 php 脚本发送一个变量(它始终是一个整数,它是一个自动递增的 mysql ID),这样任何编辑/重新上传等都会像以前一样影响同一个表行。
所以澄清一下:
- 我有一个整数存储在 js 变量中
- 在文件输入的“更改”上,我需要以某种方式通过 iframe 将此变量发送到 php 脚本,php 脚本可以在其中解释和使用它。
编辑:
这是我的代码的一些精简版本来帮助解释。首先,带有文件输入的实际页面:
<form id="file_upload_form" method="post" enctype="multipart/form-data" action="last-id-test.php" target="upload_target">
<input name="file" id="file" size="27" type="file" /><br />
<input type="submit" name="action" value="Upload" /><br />
<iframe id="upload_target" name="upload_target" src="" style="width:100px;height:100px;border:1px solid #c9cfdd;"></iframe>
</form>
因此,当提交表单时,它使用 last-id-test.php 脚本进行实际的上传/插入数据库,但通过其目标 iframe 'upload_target' 来避免页面重新加载。
- 发生了一些 php 的事情,但我得到了上传的 mysqli_insert_id() 并将其发送回页面,它存储在“insertID”变量中:
function uploadDone() { //Function will be called when iframe is loaded
var returnedValues = frames['upload_target'].document.getElementsByTagName("body") [0].innerHTML.split('@');
insertID = returnedValues[0];
imgName = returnedValues[1];
makeImage =$('<img>').attr('src','images/listing-images/'+imgName);
makeImage.appendTo($('#image-preview'));
}
在这里,我还添加了图像的预览。
那么如何在文件输入的“更改”时将 insertID 变量发送到 php 脚本?