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

您无法控制文件输入元素中显示的内容。现代浏览器将其限制为文件名，而较旧的浏览器显示整个路径。

仅在上载字段中显示文件名

1 个答案: