如何在事件 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

無法更改或設置輸入文件的值。 這是出於用戶安全的考慮。 但是，可以讀取文件名，將其與所需地址相關聯並將其保存在輸入隱藏中。 后端必須為此做好准備。