Javascript 标题字段中上载文件的名称

Javascript 标题字段中上载文件的名称,javascript,Javascript,我在youtube上看到,当我们自动上传任何视频时,表单的标题字段会被视频文件的名称填充。我怎样才能做到这一点 我的表格是 <form enctype="multipart/form-data" method="post" action="http://youshare.ca/music/writestorypost"><p> <span class="form_label">Title</span><input type="text

我在youtube上看到,当我们自动上传任何视频时,表单的标题字段会被视频文件的名称填充。我怎样才能做到这一点

我的表格是

<form enctype="multipart/form-data" method="post" action="http://youshare.ca/music/writestorypost"><p>
    <span class="form_label">Title</span><input type="text" value="" name="title" style="width:400px" class="inputText required"></p>
    <p><label>Upload</label><input type="file" name="song">
    <p><input type="submit" value="Submit" class="button"></p><input type="hidden" value="935" name="page_id">
</form>

头衔

上传


这里有一些jquery代码可以让它工作:

$('#myfile').change( function(){
    var fileValue = $(this).val();
    $('#mytitle').val(fileValue);
});
下面是修改后的HTML:

<form enctype="multipart/form-data" method="post" action="http://youshare.ca/music/writestorypost"><p>
    <span class="form_label">Title</span><input id="mytitle" type="text" value="" name="title" style="width:400px" class="inputText required"></p>
    <p><label>Upload</label><input id="myfile" type="file" name="song">
    <p><input type="submit" value="Submit" class="button"></p><input type="hidden" value="935" name="page_id">
</form>
使用以下代码:

//use this in your form tag
<input id="song" type="file" />
//use this in your destination(action)
document.title = document.getElementById("song").value ;
//在表单标记中使用此选项
//在您的目的地使用此选项(操作)
document.title=document.getElementById(“歌曲”).value;

您尝试过什么吗?请粘贴您尝试过的代码。我不知道如何实现这一点。在用户选择音乐文件后,如何启用自动提交我注意到,如果文件名由u和-组成,它也会显示在名称中,。有没有办法用space替换u和-它在mozilla中非常有效,但在google chrome和ie9中,它会显示完整的路径,如c:/mymusic/tyttt.mp3i注意到,如果文件名由u和-组成,它也会显示在名称中,。我有没有办法用spacetry替换“and”-:
fileValue=fileValue.replace(“”,“”)
fileValue=fileValue.replace('-','')如果这是你想要的。我编辑了我的答案,包括代码和一个新JSFIDLE的链接。它在mozilla中工作得很好,但在google chrome和ie9中,它显示了完整的路径,如c:/mymusic/tyttt.mp3
//use this in your form tag
<input id="song" type="file" />
//use this in your destination(action)
document.title = document.getElementById("song").value ;