0
所以我最近“制作”了一个输入文件窗体的自定义按钮,但也有一个右侧的文本显示器。现在,作为一种安全防范措施,他们已经将图像的路径移除了 - 这显然是合乎逻辑的。但是,可以删除这些标签并输出文件名。输入文本,带状假路径,输入文本输出
现在我有一个线索如何做到这一点,理论上,但我不知道如何实际做到这一点。知道这件事的人可能很容易,但我不知道。如果你知道并告诉我,那会很棒!
这是该剥离的事情我想会的工作
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;
};
所以你想只显示文件名获得图像的名字?而不是'fakename/filename.doc' – Saqueib
@SAQUEIB这是正确的 –