Javascript Can'；t获取输入类型的值="；文件"；？

我有一个

当我使用时：

alert（$（“#uploadPicture”）.val（）

它会提醒一个空对话框。
您可以阅读它，但无法设置它
value=“123”
将被忽略，因此在您单击它并选择文件之前，它不会有值

即使这样，该值也可能会被类似于
c:\fakepath\
的东西弄乱，以保持用户文件系统的细节私有

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

这将使您选择文件

但是，您不能自己设置值。
您不能像使用
value=“123”
那样设置标记中输入的
文件的
值

此示例表明它确实有效：
您可以使用document.getElementById（）获取它

将给出file的值，但它使用fakepath给出，如下所示

c:\fakepath\filename

这是个老问题，但万一有人撞到这个踏板上

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

不需要regex、jQuery……
@BozidarS:现在得到了很好的支持，并提供了许多有用的选项

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

不要在文件输入值=“123”中给出此值

文件数组

let files=document.getElementById（'your\u input\u id'）。文件

第一档

let file=document.getElementById（'your_input_id'）。文件[0]

显示图像加载

const reader=new FileReader（）
让files=document.getElementById（“您的输入id”）.files
reader.onload=异步（事件）=>{
document.getElementById（'preview'）.setAttribute（'src'，event.target.result）
}
reader.readAsDataURL（文件[0]）
您何时调用该警报？请勾选：并可能帮助您：DRight--浏览器也会以不同的方式处理此警报，例如，firefox仅在选择文件后显示文件名，而有些浏览器可能会显示完整路径。对于这个客户端，你真的无能为力。。你想完成什么？
var file = document.forms['formName']['inputName'].files[0];
//file.name == "photo.png"
//file.type == "image/png"
//file.size == 300821

  $(document).ready(function(){  

      var img = $('#uploadPicture').val();

  });