jquery - 单击选择文件后通过jquery获取iframe中文件类型对象的文件名

Question

例如，我在（main.php）中使用了此代码：

<input type="text" ID"inp"/>

<iframe src="sample.php?" allowtransparency="true" frameborder="0" hspace="0" vspace="0" scrolling="no" width="100%" style="direction: ltr; border:none;min-height:80px;" height="100%" ></iframe>

和sample.php：

<form enctype="multipart/form-data" method="post"  style="font-family:Tahoma, Geneva, sans-serif;font-size:9px">
<input type="file" name="flbannerpic" accept="image/*"  align="left" style="max-width:190px;" />
<input  type="submit"  value="upload" align="left" class="btn"/>
</form>

我需要将inp值设置为通过 jquery 在main.php中选择的文件名，或者在 iframe （ sample.php ）中选择文件后没有 jquery （可选）[上传前]。

Answer 1

为什么你需要 iframe 那里？如果没有 iframe，这是一件容易的事。

如果你需要 iframe 并且仍然想这样做：

在 sample.php 中为文件输入写一个 onchange 函数

function setFilename(name) {
    window.parent.fillFilename(name);
}

并在 main.php

function fillFilename(name) {
    document.getElementById("inp").value = name;
}