0

css を使用したスタイル ファイル入力の制限により、入力を非表示にし、JQuery と .html を使用して別の div に値を表示する新しい方法を試しています。これが私がこれまでに持っているコードです:

//Photo
$('#photo').blur(function()
{
var photo=$(this).val();
if (photo.length > 1)
{
$('#photoText').html("Photo Added");
}
});

問題は、ファイルを選択した後に .html が表示されないことです。選択後にhtmlテキストを表示する方法はありますか?

4

2 に答える 2

0

私があなたの質問を理解すれば、このコードは機能するはずです：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>

  <script type="text/javascript">        
  /*<![CDATA[*/        
  $(document).ready(function(){
    $('#photo').change(function (){
      var photo=$(this).val();
      if (photo.length > 1){
        $('#photoText').html("Photo Added");
      }
    });
  });
  /*]]>*/
  </script>
</head>
<body>     
  <input type="file" id="photo" />
  <div id="photoText"></div>  
</body>
</html>

jsfiddleの例があります

于 2013-03-23T19:29:16.023 に答える
0

私があなたの提案を正しく理解している場合、入力ファイル用に別のテキスト ボックスを実装しており、入力ファイル パスをそのテキスト ボックスに設定したいと考えています。

コードは次のとおりです。

 $("#fileUpld").live('change', function () {
            var path = this.value.replace(/^C:\\fakepath\\/i, ''); //for chrome browser 
            $("#inputTxt").val(path);

        });
于 2013-03-23T19:19:51.407 に答える