如何在oninput事件的文件输入值前添加值

Question

我正在尝试添加文本"img/books/"在上传文件之前输入图片文件名，以这种方式将其连接并提交db: "img/books/imageName.png"，但这行不通:/

<script type="text/javascript">
function addDir()
{
const imgDir = 'img/books/'
document.getElementById('book_img').value =  imgDir +
document.getElementById('book_img').file.value
}
</script>

这里是HTML代码

<label for="fname">Book Image</label><br>
<input type="file" name="book_img" id="book_img" oninput="addDir()">

Answer 1

不能更改或设置输入文件的值。这是出于用户安全考虑。但是，可以读取文件名，将其与所需的地址关联起来，并将其保存在隐藏的输入中。后端必须为此做好准备。