0

動画を自動的にアップロードすると、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>
4

2 に答える 2

0

これを機能させるための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>

動作中の JSFiddle については、ここをクリックしてください。これまでに jQuery を使用したことがない場合は、混乱する可能性があるので教えてください。

編集：これが置き換えコードです：

$('#myfile').change( function(){
    var fileValue = $(this).val();
    fileValue = fileValue.replace('_', ' ');
    fileValue = fileValue.replace('-', ' ');
    $('#mytitle').val(fileValue);
});

これが更新されたjsfiddleです

于 2012-08-04T05:35:47.763 に答える
0

次のコードを使用します。

//use this in your form tag
<input id="song" type="file" />
//use this in your destination(action)
document.title = document.getElementById("song").value ;
于 2012-08-04T05:38:10.383 に答える