在 jQuery 中单击将 INPUT FILE 值复制到 INPUT TEXT答案

【问题标题】：Copying INPUT FILE value to INPUT TEXT with click in jQuery在 jQuery 中单击将 INPUT FILE 值复制到 INPUT TEXT
【发布时间】：2009-12-05 21:31:15
【问题描述】：

我想将 input:file 的值复制到 input:text。我可以使用计划 JavaScript 来做到这一点，但我想知道如何使用 jQuery 来做到这一点。

----JavaScript

// This what the script would look like with plain JavaScript
// It works fine. I just woulld like to know who to do it with jQuery.
function fakeScript() { 
var filepath; 
filepath = document.adminForm.tumb.value; 
filepath = filepath.substring(filepath.lastIndexOf('\\')+1, filepath.length); 
document.adminForm.tumbFake.value = filepath; 
}

【问题讨论】：

这个版本对你来说太“普通”了吧？

标签： javascript jquery forms input file-io

【解决方案1】：

如果你有一些在“纯 Javascript”中工作的东西，它也可以在 jQuery 上工作：jQUery 只是一个库，它添加了功能——它不会阻止任何东西的工作（或者有一些里面有某种错误^^)

【讨论】：

【解决方案2】：

var fileValue=$("input[type='file']").val();
var inputValue=$("input[type='text']").val(fileValue);

干杯

【讨论】：

【解决方案3】：

您可能无法在 JQuery 中使用文件输入的 value 属性。

"value 属性不能与<input type="file">. 一起使用" - http://www.w3schools.com/tags/att_input_value.asp

【讨论】：

是的，你是对的。不久前我注意到了。不过，感谢您的回答。
没问题。请在您的问题中附上正确答案，以便将来对其他人有所帮助。

【解决方案4】：

要从<input type="file"/> 元素获取文件的文本值，请使用yourFileInputElement.files[0].getAsText("utf-8")。

【讨论】：