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 回答