如何通过浏览字段显示文件到html输入?我想在我按上传之前看到我选择的文件?
这是我的代码:
<input id="uploadFile" name="uploadFileOne" type="text" disabled="disabled" value="<?php echo $file_name; ?>" placeholder="EWIS" class="name-info-form file-witdth" />
<input class="upload" type="file" id="uploadOne" name="uploadOne" value="Select File"/ >
答案 0 :(得分:2)
<form>
<input class="upload" type="file" id="uploadOne" name="uploadOne" onchange="setfilename(this.value);" value="Select File"/ >
<input id="uploadFile" name="uploadFileOne" type="text" disabled="disabled" placeholder="EWIS" class="name-info-form file-witdth" />
</form>
删除value=<?php echo $file_name; ?>
并使用javascript在文本框中设置文件名
<script>
function setfilename(val)
{
var fileName = val.substr(val.lastIndexOf("\\")+1, val.length);
document.getElementById("uploadFile").value = fileName;
}
</script>
当您使用浏览按钮选择文件时,onchange事件将触发并在文本框中设置文件名:)