在加载页面后将值设置为输入文件

Question

大家好我正在创建一个用于编辑某些产品的管理网站，但每当我编辑产品时，我需要再次输入一些图像到输入文件，因为我不知道如何设置值自动输入文件。

有没有什么方法可以将图像放到输入文件中，而用户不需要再次选择图像来填充输入文件。

<img src="foo-image" id="image">
<input type="file" name="image" id="imageFile">


<script type="text/javascript">    
    $(document).ready(function()
    {
        var src = $('#image').attr('src');
        $('#imageFile').val(src);

    });
</script>

val在输入文件中不起作用吗？有没有其他方法可以自动填充输入文件？所以安全性不会受到危害。