小编Rog*_*lez的帖子

我有以下代码:

<input type="file" multiple='multiple'>
<div id="thumbs"></div>

<script type="text/javascript">
    $('input[type="file"]').change(function() {
    $('#thumbs').html('');
    $.each(this.files, function() {
    readURL(this);
 })
});

function readURL(file) {
    var reader = new FileReader();
    reader.onload = function(e) {
    $('#thumbs').append('<img src="' + e.target.result + '" width="20%">')
    $('#quantity').text(i)
  }
  reader.readAsDataURL(file);
}
</script>

这是一个多上传输入.当我选择"x"图片时,它会为它们创建缩略图.这完全有效,但我想知道如何获取文件名(如果图片名为"sun.jpg",我想得到"sun"),并将它们附加到图片中.我试过这个:

$('#thumbs').append('<img src="' + e.target.result + '" width="20%"><p>'+e.name+'</p>')

不过e.name是undefined.

这是一切的小提琴:https://jsfiddle.net/ugs6rzqx/1/

任何帮助,将不胜感激.谢谢.