jquery - 通过jquery从文件上传字段中获取值

Question

我有联系表格，在那里我使用了文件上传文件。现在我想获取值，它表示 jQuery 文件上传字段的路径。文件上传字段具有名为 filebrowse 的类，我想存储该值并在另一个输入字段中回显该值。我使用此代码检索路径

var val = jQuery(".filebrowse").val();
console.log(val);
jQuery('.file-input').attr('value', val);

它可以工作，但没有在输入框字段中显示值。因为默认情况下输入框是空的，所以它什么也不显示。现在我想在一个浏览文件到文件上传字段时在输入框中显示值。

score 2 · Accepted Answer

你的意思是，获取文件字段的值：

$('.filebrowse').change( function(){
    console.log( $(this).val() );
});

score 1 · Accepted Answer

由于安全原因，无法设置文件输入的值。恶意 javascript 可以让您设置文件，然后以编程方式提交表单，允许他们通过强制上传窃取您系统上的任何文件，前提是他们知道文件的路径。

编辑 - 嘿，我误读了问题并根据示例代码回答。通常可以获得文件输入值的文件名，但出于安全原因，它不包括路径。

score -3 · Accepted Answer

我知道这篇文章有点老了，但这是我在 MVC 中需要做的。

<input type="file" style="width:100%;" class="fu" id="fileUploader" name="fileUploader" />

然后通过类访问它。

var fileValue = $('.fu').val();

3 回答 3