显示选择ipad的图像名称

Question

我有一个基于网络的应用程序，允许用户上传照片，一旦他们选择了图像，就会显示该图像的名称，以便他们可以看到已选择的内容。我用jQuery / JavaScript处理这个

// Grab name of file uploaded
$(document).on('change', '.document_file_field', function(){
  var input_field = $(this)
  var inputId = input_field.attr('id');
  var fileName = input_field[0].files[0]['name']
  var tt = truncate_text(fileName);
  $('label[for='+inputId+']').text(tt);
});

这可以通过台式机/笔记本电脑正常工作但是当从ipad选择照片时没有任何反应（如文件名中没有显示）。但是，如果我点击上传文件确实上传了。所以它已经认识到文件存在，只是没有读取名称..我是否需要做任何不同的事情来获取文件名？

如果我无法访问文件名，那么无论如何都会改变输入字段的颜色（如果已经选择了照片），基本上只是某种方式让用户知道文件在那里等待上传。