Question

我正在处理的网站在输入文件上有一个自定义标签，关于它的事情是它没有显示选择了哪个文件。我发现了一些JavaScript代码，但它通过弹出警报来实现。我需要div只显示他们是否选择了一个文件。

我在这个网站上看到了其他一些类似的解决方案，但我无法让它发挥作用。我的JavaScript知识非常有限，几乎可以复制粘贴并切换出变量，因此我可以在页面上多次执行此操作。

这是JS

function get_filename(obj) {

var file = obj.value;
alert(file);

}

我的Html

<form id="myForm2" method="post"> 
    <label class="myLabel">
         <input type="file" name="UploadMedia" accept="image/jpeg" onchange="get_filename(this);">
         <span>Upload Media</span>
    </label>
    <input type="submit" name="postit" value="Post" class="postbutton" />
</form>

我需要它出现在像这样的东西

<div id="filechosen">&nbsp;</div>

而不是屏幕弹出窗口。

警报还会显示Chrome因安全性而执行的虚假路径，如果您可以将代码放在那里以摆脱它，那将非常有用。

如果有人可以提供帮助，那就太棒了。

提前致谢

Answer 1

一个好的现成替代警报是SweetAlert 而不是：

alert("text");

你会这样做：

sweetAlert("text");

这提供了一个更漂亮的警报框。

对于问题的第二部分：要替换字符串中的文本，请使用replace关键字：

var a ="SomeTextToRemoveAndTing";
var b = a.replace("SomeTextToRemove", "");
// b = "AndTing";

Answer 2

如果要在该特定元素上设置文本内容：

var filechosen = document.getElementById('filechosen');
filechosen.textContent = file;

需要将JavaScript警报转换为在DIV中显示

2 个答案: