javascript - 除了输入控件本身之外，如何将文件路径复制到 span 中？

Question

到目前为止我试过这个:JS:

function Copy(copyfrom, copyto) {
    document.getElementById(copyto).value = copyfrom.value;
}

HTML 代码如下所示:

    <div>
        <input type="file" onchange="Copy(this, 'txtFileName');" />
    </div>
    <div>
    <span id="txtFileName" type="text" readonly="readonly" />

    </div>

我想将选中的文件名/路径复制到不同的span，

谢谢!

Answer 1

来自 Joe Enos answer你不需要获取服务器路径

Some browsers have a security feature that prevents javascript from knowing your file's local full path. It makes sense - as a client, you don't want the server to know your local machine's filesystem. It would be nice if all browsers did this.

要获取文件名，请尝试使用 span 的 innerText 属性 而不是 value，因为 value 在表单元素字段上起作用试试这个，

function Copy(copyfrom, copyto) {
    document.getElementById(copyto).innerText = copyfrom.value;
}

Working demo