Показывать имя файла только в поле загрузки

Question

Я пытаюсь показать имя файла только в моем поле загрузки файла. Моя идея верна? По какой-то причине это не работает. Метод работает, но я все еще получаю полный путь в поле. Имейте в виду, у меня есть addFileField (), которая дает больше файловых полей, если пользователь хочет.

script.js

var ufile = 1;
var currentE = null;

function addFileFild(){
    ufile = ufile+1;
    $("#addFileFild").before('<p><input type="file" name="ufile'+ufile+'" size="20"></p>');
    return 0;
}

function showSrc() {
   document.getElementById("myframe").href = document.getElementById("ufile").value;
   var theexa=document.getElementById("myframe").href.replace("file:///","");
   alert(document.getElementById("myframe").href.replace("file:///",""));
}

upload.html

<div class="block upload">
<h2>{% trans "Lähetä tiedostoja" %}</h2>
   <div class="content">
     <form id="uploadForm" action="{% url fileman.views.upload %}" method="post"  enctype="multipart/form-data">{% csrf_token %}
<p><input type="file" name="ufile1" onChange="showSrc();" size="20"><a href="#" id="myframe"></a></p>
<p id="addFileFild"><a href="#" id="myframe" onclick="return addFileFild();"><img src="{{ fileman_media_url }}/plus_icon.png"WIDTH=25 HEIGHT=25></a></p>
<p><input type="hidden" name="path" value="{{ pwd }}">
<input type="submit" onclick="TINYPOP.show('Lähetetään! Ole hyvä odota. Tämä ikkuna sulkeutuu kun lähetys on valmistunut...',{sticky: true, position: 'top-left'});" value="Lähetä!"/></p>
</form>
</div>
</div>

Answer 1

Вы не можете контролировать то, что отображается в элементе ввода файла.Современные браузеры Day ограничивают его только именем файла, в то время как старые браузеры показывают полный путь.