无法获取输入类型=“文件”的值？

Question

我有一个

当我使用时： alert($("#uploadPicture").val ());

它会警告一个空对话框。

Answer 1

@BozidarS：FileAPI 现在得到了很好的支持，并提供了许多有用的选项。

var file = document.forms['formName']['inputName'].files[0];
//file.name == "photo.png"
//file.type == "image/png"
//file.size == 300821

Answer 2

您可以读取它，但无法设置它。 value="123" 将被忽略，因此在您单击它并选择一个文件之前它不会有值。

即使如此，该值也可能会被 c:\fakepath\ 之类的内容破坏，以保持用户文件系统详细信息的私密性。

Answer 3

您可以使用 document.getElementById(); 获取它

var fileVal=document.getElementById("some Id");
alert(fileVal.value);

将给出 file 的值，但它给出 fakepath 如下

c:\fakepath\filename

Answer 4

文件数组

let files = document.getElementById('your_input_id').files

第一个文件

let file = document.getElementById('your_input_id').files[0]

显示图像加载

const reader = new FileReader()

let files = document.getElementById('your_input_id').files
reader.onload = async (event) => {
    document.getElementById('preview').setAttribute('src', event.target.result)
}
reader.readAsDataURL(files[0])

Answer 5

$('input[type=file]').val()

这将使您选择的文件。

但是，您无法自行设置该值。

Answer 6

您无法像使用 value="123" 那样在标记中设置 file 输入的 value。

这个例子表明它确实有效：
http://jsfiddle.net/marcosfromero/7bUba/

Answer 7

这是一个老问题，但以防万一有人碰到这个问题......

var input = document.getElementById("your_input");
var file = input.value.split("\\");
var fileName = file[file.length-1];

不需要正则表达式，jQuery......