0

この繰り返しの質問をすることをお詫びします。

ファイルのアップロードについて非常に多くの例を試しましたが、最終的に以下のコードを書きました。

ハイパーリンクをクリックすると、ファイルが要求され、ファイルが選択されます。

しかし、ファイル名を Table に表示したいのですが、テーブルに表示できません。

  <div class="sf_coursehead">
    Upload FileList <a href="#" class="addnew">+ Add New</a> 
           <input type="file" id="upload_input" name="courseAgenda" style="font-size: 50px;
 width: 120px; opacity: 0; filter: alpha(opacity :0); position: relative; top: -40px;; left: -20px" />
  </div>
<table>
  <tr>
    <td><td>
  </tr>
</table>

ただし、選択したファイルをテーブルに表示する方法は、各選択テーブルが追加されることを意味しますnew row

ですから、テーブルにファイル名を表示するのを手伝ってください、

提案してください。編集:これも機能していません..

$("#upload_input").change(function(){
    var filename = document.getElementById('id_transactions').val();
    alert(filename);
});
4

2 に答える 2

0

このコードはあなたが必要とするものかもしれません、

<script> 

  $(document).ready(function() {

 
  $("#upload_input").change(function() {  

     var file_name=$("#upload_input").val(); 
     $("#list_files").append("`<tr><td>`"+file_name+"`</td></tr>`');
 

 }); });
 
 </script>
 
 
 </head> <body>
 
 
 <table id="list_files">    </table>
于 2013-04-24T10:35:05.743 に答える
0

これは私の作業コードです..

    <img src="resources/images/profile_image.png" alt="Profile Image"
    width="120" height="150" class="prif_img" />
    <a href="#" class="addnew">NewImage</a> 
<input type="file" id="upload_input" name="courseAgenda"
style="font-size: 50px; width: 120px; opacity: 0; filter: alpha(opacity : 0); position: relative; top: -40px;; left: -20px" onchange="uploadFile_onChange(this);" />

脚本:

function uploadFile_onChange(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function(e) {
            $('.prif_img').attr('src', e.target.result).width(120).height(150);


        };

        reader.readAsDataURL(input.files[0]);
    }
}
于 2013-05-01T11:30:41.807 に答える