输入文本,带假路径,输出输入文本
input text, strip fake path, output in input text
所以我最近为输入文件表单"制作"了一个自定义按钮(从指南中获取了一些片段),但在右侧也有一个小文本显示。现在,在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;
};
您是对的,您可以使用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>
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用模拟按键在输入框中自动输入文本
- 如何添加类,同时开始在文本字段中输入文本
- JQuery使用相同的功能自动完成各种输入文本
- 如何设置输入文本框jquery的值
- 输入文本框为空时的阻止按钮asp.网络表单
- 基于单选框更新页眉,选中并选择输入文本
- 将输入文本与某个选项的值相匹配并自动选择
- 如何在 JavaScript 中创建输入文本框
- 如何使用纯Javascript观看输入文本框
- 需要使用javascript获取输入文本,然后将其添加到句子中
- php&js-将电子邮件添加到输入文本中
- 动态启用/禁用来自控制器的输入文本
- .val()不返回输入文本
- 从确认框中预填充输入文本框
- 如何使用JavaScript解析输入文本中给定的数据
- 添加/删除/更改输入文本的部分值
- 根据输入文本按元素排序,AngularJS
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何从Tr重复的输入文本中获取值