使用jQuery设置表单字段

Question

备注：

下面的答案和评论反映了2009年遗留浏览器的状态。现在，您可以在2017年使用JavaScript动态/编程地设置文件输入元素的值。

有关详细信息和演示，请参阅本问题的答案：

How to set file input value programatically (i.e.: when drag-dropping files)?

我想使用jquery设置表单字段，如下所示

$("#title").val('${media.title}'); 

为

<label>Media title</label>
<input type="text" name="title" id="title"/>

它正常工作，但当我这样做的时候

 $("#fileName").val("${media.fileName}");

或

 $("#fileName").attr({value:'${media.fileName}'});

为

<label>upload file</label>
<input type="file" name="file" id="fileName"/>

不管用，有人能帮忙吗？

Answer 1

这种能力被浏览器本身所阻止，因为这是一种安全风险。类型为"file“的输入元素的value属性是只读的。

想一想，如果恶意用户能够自动填写路径，强制发布，并在某个服务器上收集文件，那么他们会做些什么……

Answer 2

file输入是输入元素的特例，因为它与用户的文件系统交互。您不能指定一个文件；用户必须浏览它。

There's some more details about file input elements here.