输入文本，剥离假路径，在输入文本中输出

Question

所以我最近 "made"（从指南中获取点点滴滴）一个用于输入文件表单的自定义按钮，而且右侧还有一个小文本显示器。现在，在 chrome 中，作为安全预防措施，他们已经删除了图像的路径——这显然是合乎逻辑的。但是，有可能删除这些标签并只输出文件名。

现在我在理论上知道如何去做，但我不知道如何实际去做。对于知道这一点的人来说，这可能很容易，但我不知道。如果你知道并告诉我，那就太棒了！

我认为这是剥离的东西

 file = path.split('\').pop();

http://i.gyazo.com/ccccb44e7550475acb0cbccf4de20d0e.png

这是HTML

<table style="width:100%; border-collapse: collapse;">
    <td style="width: 18%">
        <label class="fileUpload">
            <input id="uploadBtn" type="file" class="upload" />
            <div class="button-speed-menu-browse">
                BROWSE..
            </div>
        </label>
    </td>
    <td>
        <input id="uploadFile" class="field-path-input" placeholder="Choose PNG file" disabled/>
    </td>
</table>

现在是 javascript（位于底部）。

document.getElementById("uploadBtn").onchange = function() {
    document.getElementById("uploadFile").value = this.value;
};

Answer 1

你是对的，你可以使用split()

获取图像名称

试一试

document.getElementById("uploadBtn").onchange = function() {
  document.getElementById("uploadFile").value = this.value.split("\").pop();
};

<table style="width:100%; border-collapse: collapse;">
  <td style="width: 18%">
    <label class="fileUpload">
      <input id="uploadBtn" type="file" class="upload" />
      <div class="button-speed-menu-browse">
        BROWSE..
      </div>
    </label>
  </td>
  <td>
    <input id="uploadFile" class="field-path-input" placeholder="Choose PNG file" disabled/>
  </td>
</table>

输入文本，剥离假路径，在输入文本中输出

input text, strip fake path, output in input text

javascript

file

input

strip