使用Javascript

Question

我有这段代码：

<input type="file" onchange="showUrl(this.value)" name="upload[]" multiple="multiple">
    <button type="button" class="btn btn-success"><i class="icon icon-plus"></i> Add file</button></span>
    <input type="submit" class="btn btn-primary" value="Upload"><br><br><span id="url"></span>

和这个javascript函数

function showUrl(url) {
   document.getElementById("url").innerHTML = url;
}

我想显示用户使用“输入文件”按钮选择的每个文件的URL。该函数仅显示第一个文件的url。有人可以帮帮我吗？ 感谢

Answer 1

首先，将输入更改为：

<input type="file" onchange="showUrl(this)" name="upload[]" multiple="multiple">

然后，将您的JS更改为：

function showUrl(url) { 
  for(var i = 0; i < url.files.length; i++) { 
    document.getElementById("url").innerHTML += url.files[i].name; 
  } 
}

这样您就可以读取文件输入中选择的所有文件。

Answer 2

我认为您无法获得完整路径，但您可以通过this.files代替this.value来获取文件名称

function showUrl(url) {
   for(var i = 0; i < url.length; i++)
   {
       document.getElementById("url").innerHTML += url[i].name + "<br>";
   }
}

Answer 3

我不确定你在追求什么。尝试：

function showUrl(url) {
   document.getElementById("url").innerHTML += url;
}