Javascript 将拖放文件数据传递给输入值

我试图在删除后将文件传递给输入值。我尝试过使用set属性，prop，但在请求中找不到任何值。单击并选择文件是否可以工作。标签文本内容可以在拖放时显示文件名

表单输入

<input type="file" name="files" id="file" class="box__file"/>

---

它适合我，至少在Chrome中。我也在使用Chrome，但它不起作用。

            var input        = form.querySelector( 'input[type="file"]' ),
            label        = form.querySelector( 'label' ),
            showFiles    = function( files )
            {
                label.textContent = files[ 0 ].name;
                input.setAttribute( 'value', files  );
            };

                 form.addEventListener( 'drop', function( e )
                    {
                        droppedFiles = e.dataTransfer.files; // the files that were dropped
    
                        showFiles( droppedFiles );

                });