单击时将文件传递给输入值

你好。
我在JS方面很弱，所以我提前为一个愚蠢的问题道歉。

有一个功能，通过点击，<a id="save">SAVE</a>提供一个文件下载。

Recorder.setupDownload = function(blob, filename){
    var url = (window.URL || window.webkitURL).createObjectURL(blob);
    var link = document.getElementById("save");
    link.href = url;
    link.download = filename || 'output.wav';
}

现在我们需要使用一个简单的表单来保存这个文件，以便后端进一步处理这个文件。

<form method="POST" action="save" id="formsave" enctype="multipart/form-data">
    <input id="inputwav" type=file name=file>
</form>

是不是这样：

Recorder.setupDownload = function(blob, filename){
    var form = getElementById("formsave")
    var input = getElementById("inputwav")
    var url = (window.URL || window.webkitURL).createObjectURL(blob);
    input.value = url;
    form.submit();
}

浏览器返回错误：SecurityError: The operation is insecure.

情况是保存前，文件不存在。我不明白如何获取此文件。

JavaScript代码，当然不是我的，不然我也不会问这样的问题:)

使用此代码的示例

文件，具有此功能。

提前致谢。