Question

我希望有人可以为我更新这个JSFiddle代码，以便为多个选定的图像显示多个输入框。

适用于单张图像。

＆＃13;

document.getElementById('upload').onchange = uploadOnChange;

function uploadOnChange() {
  var filename = this.value;
  var lastIndex = filename.lastIndexOf("\\");
  if (lastIndex >= 0) {
    filename = filename.substring(lastIndex + 1);
  }
  document.getElementById('filename').value = filename + "_date";
}

＆＃13;

<input id="upload" type="file" multiple="multiple" />
<input id="filename" type="text" />

＆＃13;

任何帮助将不胜感激。

Answer 1

@Anoop和@dandavis是对的。没有jQuery并保持行为，如果它是一个文件，那么像这样：

document.getElementById('upload').onchange = uploadOnChange;

function uploadOnChange() {
  var text = this.value;
    if (this.files && this.files.length > 1) {
      var filenames = [];
      for(i=0; i<this.files.length; i++) {
      var filename = this.files[i].name;
      var lastIndex = filename.lastIndexOf("\\");
      if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
      }
      filenames.push(filename);
    }
    text = filenames.join();
  }
  document.getElementById('filename').value = text;
}

JSFiddle：https://jsfiddle.net/bartvanderwal/Lego5bcp/4/

TODO：创建多个输入而不是连接文件名

Answer 2

更新了jsfiddle

更改了jQuery版本。

使用this.files代替this.value来获取用户选择的所有文件。

如何为多个文件获取input type = file的文本值？

2 个答案: