Question

如何使用javascript将伪值设置为输入类型文件？

我使用这个javascript代码

document.getElementById("test").value = "C:\fakepath\test.jpg";

将伪值设置为输入类型文件ID test

<input name="test" id="test" type="file">

但显示错误文字

Uncaught InvalidStateError: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

我想知道，如何将伪值设置为输入类型文件？

Answer 1

由于安全原因，您无法更改该值，但您可以将其显示为。

.fakefile{font-family:arial;font-size:13px}
.fakefile INPUT{width:100px;}
.fakefile SPAN{display:inline-block;background:#fff;padding-left:4px;}

<!-- Original -->
<input name="test" id="test" type="file">

<hr>
<!-- Fake -->
<div class="fakefile"><input name="test" id="test" type="file"><span>fakefilename.pdf</span></div>

如何使用javascript将伪值设置为输入类型文件？

1 个答案: